javascript - Unable to load web components in loop in AngularJS

Question

I have a web component which is written in Angular 10 and I am using that web component in my Angular JS application inside a html file. Below is my piece of code which is giving issue. In this div I am loading <app-lienview> web component in loop. But this is getting loaded once only after page refresh. Though the paragraph tag is loaded every time in loop.

 <div role="tabpanel" class="tab-pane {{tab.active}}"  ng-repeat="tab in IRs" >
          <p>sample test loading for doc id : {{tab.lienId}} </p>
          <app-lienview lien-id="{{tab.lienId}}"></app-lienview>
  </div>

I am unable to figure out what is the issue while loading component every time. Any help on this regard will be highly appreciated. Thanks in advance.

question from:https://stackoverflow.com/questions/65903956/unable-to-load-web-components-in-loop-in-angularjs

Answer 1

Waitting for answers