javascript – 将变量传递给带有继承(非隔离)范围的指令的Angularjs

前端之家收集整理的这篇文章主要介绍了javascript – 将变量传递给带有继承(非隔离)范围的指令的Angularjs前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果我使用孤立的范围,我可以通过一个属性传递一个变量.

<my-directive baz='foo.bar'>

然后,在指令的Javascript

.directive('myDirective',function() {
  return {
    scope: {
      'baz': '='
    }
  }
});

有没有办法做一些类似于继承范围的事情?链接功能只是传递字符串.

现在我正在解析变量,并将其与范围匹配.$parent.似乎应该有一个帮助功能或更简单的方法来做到这一点.

解决方法

使用$eval或$parse:
<my-directive baz='foo.bar'>
.directive('myDirective',function($parse) {
  return {
    scope: true,link: function(scope,element,attrs) {
        console.log(scope.$eval(attrs.baz));
        var model = $parse(attrs.baz);
        console.log(model(scope));
        // if you want to modify the value,use the model,not $eval:
        model.assign(scope,"new value");
    }
  }
});

猜你在找的JavaScript相关文章