Angularjs 指令的模板更新,但链接没有

瓦希德·纳杰菲

我有一个具有 2 路数据绑定范围指令,如下所示:

app.directive('channelStar', function() {
  return {
    restrict: "E",
    template: 'This works fine : {{count}}',
    scope: {
      count: '='
    },
    link: function(scope, element, attrs) {
      // count is showing in template, but doesn't get updated here
      // actually it logs old scopes value
      console.log(scope.count);
    }
  }
});

我的路由中的模板中(使用ui-router和嵌套状态):

<channel-star count="selectedChannel[0].channel_dir_members"></channel-star>

控制器:

httpService.request(...).then(function(result){
    $scope.selectedChannel = result.data;
    $rootScope.selectedChannel = result.data;
    // $scope.$applyAsync();
    // $rootScope.$applyAsync();
})

任何想法?

彭吉

link函数只运行一次,如果你想处理它的新值,你可以使用scope.$watchwatch count

scope.$watch('count', function(newValue, oldValue) {
  if(newValue){
     //do something
  }
}, true);     // here parameter true is for deep compare objects, no need to use it when just for string

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

没有自己的模板的AngularJS隔离范围的指令

来自分类Dev

AngularJS指令没有被调用

来自分类Dev

AngularJS指令范围未更新其模板

来自分类Dev

AngularJS:指令模板如何每次都更新

来自分类Dev

如何从指令链接功能更新AngularJS模型?

来自分类Dev

指令链接功能中的AngularJS更新属性

来自分类Dev

如何在AngularJS模板指令的链接功能中访问具有动态ID的SVG元素?

来自分类Dev

带有多个模板的AngularJS指令

来自分类Dev

AngularJS:带有监视链接的指令

来自分类Dev

没有链接的angularjs路由

来自分类Dev

如何在没有远程模板的情况下访问客户AngularJS指令中的隔离$ scope

来自分类Dev

AngularJS:包含指令模板

来自分类Dev

AngularJS:包含指令模板

来自分类Dev

AngularJS指令模板包含

来自分类Dev

AngularJS ngRepeat指令没有编译选项

来自分类Dev

AngularJS指令中没有值的属性

来自分类Dev

没有指令的AngularJS图片上传预览

来自分类Dev

代码中没有html的Angularjs指令?

来自分类Dev

AngularJS指令未更新:

来自分类Dev

AngularJs指令更新

来自分类Dev

Angularjs中的指令模板函数有什么好处?

来自分类Dev

带有ng-if模板的单元测试AngularJS指令

来自分类Dev

带有自定义模板的AngularJS指令

来自分类Dev

AngularJS:具有多个模板的动态自定义指令

来自分类Dev

AngularJS指令不显示模板

来自分类Dev

AngularJS:指令中的访问模板

来自分类Dev

AngularJS指令等到呈现模板

来自分类Dev

缓存AngularJS指令的编译模板

来自分类Dev

呈现模板时的AngularJS指令