angularjs – 如何在Angular 2中观看复杂对象,就像我们在Angular 1中使用$watch一样

前端之家收集整理的这篇文章主要介绍了angularjs – 如何在Angular 2中观看复杂对象,就像我们在Angular 1中使用$watch一样前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我们能够在复杂对象上应用$watch,如何在Angular 2中进行类似操作.

角度1

$scope.data = {name : "somvalue"}
$scope.$watch('data.name',function(newValue,oldValue) {
    scope.counter = scope.counter + 1;
});

Angular 2

export class MyData{
   name: string;
} 

export class MyComponent implements OnInit {
   @Input() data: MyData;

   constructor(private ds: MyService){
      this.data = ds.data;
   }

   // $watch('data.name',oldValue) {
   //   scope.counter = scope.counter + 1;
   // });
}

现在,如果data.name在服务中发生变化,如何观察组件本身的变化,请注意数据不是可观察的,它只是一个常规对象.

更新

Please see Plunk for an example

提前致谢!!

解决方法

Angular检查属性,如果它们在模板中绑定,则甚至是内部对象.

对于复杂对象,首选选项是使用Observable主动通知Angular2有关更改.

您还可以通过实施DoCheck来使用自定义更改检测

猜你在找的Angularjs相关文章