Meteor Angular 2：模型扩展时 ngFor 不更新

Question

我有以下场景：

我从数据库（meteor/mongo）加载一些东西，例如与：

this.subscribe('cards', options, () => {
    this.cards = Cards.find({}, {sort: this.sortObject.get()});
}, true);

在模板中，我使用 *ngFor="#card of cards" 遍历这些项目

当我在某个动作上扩展对象时，例如

this.cards.forEach((card:Card) => {
  card.distance = someValue;
});

模板没有更新，即当我使用{{card.distance}}时，它不显示。

是否无法使用流星和角度 2 扩展订阅的对象/列表？

Answer 1

这应该可以。这是我尝试过的：

class Company {
  constructor(private name:string) { }
}

@Component({
  selector: 'contacts-list',
  template: `
    <ul>
      <li *ngFor="#company of companies">{{company.name}} - {{company.distance}}</li>
    </ul>
    <div (click)="update()">Update</div>
    <ul>
      <li *ngFor="#company of rawCompanies">{{company.name}} - {{company.distance}}</li>
    </ul>
    <div (click)="updateRaw()">Update</div>
  `
})
export class ContactsList {
  constructor () {
    this.companies = [
      new Company('company 1'),
      new Company('company 2'),
      new Company('company 3'),
    ];

    this.rawCompanies = [
      { name: 'company 1' },
      { name: 'company 2' },
      { name: 'company 3' }
    ];
  }

  update() {
    this.companies.forEach((company:Company) => {
      company.name = company.name + 'a';
      company.distance = 'test';
    });
  }

  updateRaw() {
    this.rawCompanies.forEach((company) => {
      company.name = company.name + 'a';
      company.distance = 'test';
    });
  }
}

update 和 rawUpdate 都更新了视图...我错过了什么吗？

看到这个 plunkr：https://plnkr.co/edit/86i8RHYrFfRnTMMoQ1lH?p=preview。