angularjs – 如何在Angular 2中观看复杂对象,就像我们在Angular

发布时间：2020-12-17 17:07:05 所属栏目：安全来源：网络整理

导读：我们能够在复杂对象上应用$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;

我们能够在复杂对象上应用$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来使用自定义更改检测

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!