Question

我有angular2最终版本。创建了一个组件

userMonth : Integer;

稍后在程序的某个地方我尝试动态加载组件

  @Component({
    selector:'artists',
    template: `
      <h2>Artists Information</h2>
      <ul [style.display]="artists?.length>0 ? 'block':'none'">
        <li ngfor="a in artists">Name: {{a?.name}} - Followers:  {{a?.folloers.total}}</li>
      </ul>
       `
  })
  export class Artists{
    @Input("list")
    private artists:any;
  }

我的问题是艺术家视图未更新，并显示空白列表行而不是艺术家列表。

问题是我缺少什么？即使在我调用detectChanges（）????

之后，为什么模板不会更新数据

Answer 1

<li ngfor="a in artists"

应该是

<li *ngFor="let a of artists"

如果null中没有artists个元素，则? {{a?.name}}内*ngFor内不需要class HomePage(Page): # Home page fields home_page_title = models.CharField(max_length=200) short_description = RichTextField(null=True, blank=True) main_image = models.ForeignKey('wagtailimages.Image', null=True, blank=True, on_delete=models.SET_NULL, related_name='+') content_panels = Page.content_panels + [ FieldPanel('home_page_title'), ... ... ... InlinePanel('related_partners', label="Related Parnters"), #Child class class Partner(Orderable): partners = ParentalKey(TranslationChild, related_name='related_partners', null=True, blank=True) partner_image = models.ForeignKey('wagtailimages.Image', null=True, blank=True, on_delete=models.SET_NULL, related_name='+') partner_url = models.URLField(max_length=500)

如何动态加载组件后我有angular2更新内容

1 个答案: