javascript - Angularjs 组件和 $watch 在 ES6 中绑定(bind)

标签 javascript angularjs es6-promise angularjs-components

您好,我正在研究 AngularJS 组件,需要帮助如何在 Constructor() 中使用 $watch,如下所示,我附上了我的代码结构。

 import template from './Mypage.component.html';
 export const MyComponent = {
 template,
 bindings: {
   myData: '<'
 },
 controller: class MyController {
   constructor($scope) {
   $scope.$watch(() => this.myData, newVal => {
    this._myFunction();
  });
   }
}

最佳答案

使用 $onChanges() 方法代替 $scope.$watch()

class MyController {
  constructor() {
    // Your constructor...
  }

  $onChanges(changedObj){
    // Expect myData changes
    console.log(changedObj)
  }
}

更多信息 here

关于javascript - Angularjs 组件和 $watch 在 ES6 中绑定(bind),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44311778/

相关文章:

javascript - 显示 JS 对象中字符串的格式化子字符串

javascript - 等待一个在一系列 promise 中返回真值的 promise

javascript - 为什么这个 promise 链会立即解决?

javascript - 在 .append 之后更改属性

angularjs - 如何将数据从模型返回到 Controller

javascript - 为什么 D3 链接标签停止工作

javascript - Dojo Toolkit 支持 future 的网络标准

javascript - 如何在不确定数组上使用 Promise all

javascript - 为什么这两个 JavaScript 函数调用具有相同的 "this"值?

javascript - onMouseOver 和 onMouseEnter 之间的区别