Question

这是一个新手

<th-button id="btnPopClose" #btnPopClose type="button" class="btn btn-default" 
   (click)="onFavPopupClose()"
   (focus)="isBtnPopCloseFocused = true" 
   (blur)="isBtnPopCloseFocused = false">{{closeButtonText}}
</th-button>

我有一些这些帖子对象，我想创建一个实际的帖子列表。

阵列应该去哪里？首先我已经使用了constructor（）方法，但现在我得到的建议应该是进入ngOnInit（）。
我应该使用ng-repeat，如果是这样，我应该如何访问构造函数（）/ ngOnInit（）中的内容？

我正在摆弄

const posts=[{icon: 'heart',
              color: 'teal',
              category: 'Lifestyle',
              title: 'This is title of the news',
              img: 'https://bbb.com/img38.jpg',
              content: `Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo
              minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor.`,
              by: 'Jessica Clark',
              date: '26/08/2016',
  }, ...]

但显然没有带来成功。

Answer 1

事实证明我的代码在几个方面存在缺陷。纠正它们导致了我想要的结果 - 让我把它们包括在这里，以便其他人可以参考。

可以在组件内“按原样”提供要插补的对象数组，并使它们public可以访问它们 - 如下所示：

公开帖子：对象[] = [ { 图标：'fa fa-heart'， ...}，{...}];
ng-repeat是一个糟糕的主意，源于我对我实际所做的事情缺乏专业知识。正确的方法是*ngFor="let post in posts"。其他一切都还可以。

非常感谢

迭代一组对象以创建后列表

1 个答案: