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']}]
})