javascript - 非输入元素的 ng-change

Question

我将 myCtrl 的成员 mydata 绑定(bind)到 DOM，如下所示

<div id="{{myCtrl.mydata}}">I'll change if my id changes</div>

mydata 正在异步获取。

$http.get('/mydata.json').success(function (data) {
    myCtrl.mydata = data;
    var mydiv=document.getElementById(data);    // this don't work 'coz the change -
    if(mydiv){                                  // is not yet reflected in DOM   
         mydiv.innerHTML="my new id is "+data;
    }
});

myCtrl.mydata 反射(reflect)到DOM 后如何触发函数。我只需要一个 DOM 就绪事件即可挂接。

Answer 1

您需要观察模型的变化，这是检测变化的最佳方法:

$scope.$watch('mydata', function(newVal, oldVal) {
    if (newVal !== oldVal) {
        // mydata changed...
    }
});