angularangular-clibase-urlangular-cli-v8

How to define "base href " dynamically in Angular 8 application from index.html?


How to define "base href " dynamically in Angular 8 application from index.html?

Earlier I used --base-href, but now it is not supported.


Solution

  • You can set base href dynamically by setting the property through script and getting it in NgModule.

      //index.html
        <script>
          window['base-url'] = window.location.pathname;
        </script>
    

    And in your module you need to use

    @NgModule({
      providers: [{provide: APP_BASE_HREF, useValue: window['base-url']}]
    })