angularjs - 在AngularJS中绑定到元素文本

Question

是否可以在不实际放入链接功能的情况下绑定到元素的文本？

<blink>Text Here or {{ controllerText() }}</blink>

// add a namespace for custom directives
angular.module('mydirectives', []);

angular.module('mydirectives').directive('blink', function() {
   return {
      restrict: 'E',
      template: '<marquee scrollamount="100%">{{ can i do it here? }} </marquee>',
      scope: {
         // can i do it here?
      }
   };
});

Answer 1

所以这是通过将原始元素的内容与模板合并的嵌入来完成的。模板中的 ng-transclude 标记是使其工作所必需的。

<blink>Bring the blink back<blink>

// add a namespace for custom directives
angular.module('mydirectives', []);

angular.module('mydirectives').directive('blink', function() {
    return {
      restrict: 'E',
      transclude: true,
      template: '<marquee scrollamount="100%" ng-transclude></marquee>'
   }
});

Answer 2

你绝对可以。

scope: {
    text: '='
}

这会将text属性添加到隔离范围，该范围链接到text元素的属性值。

因此，您需要将 html 稍微更改为：

<blink text="fromController"></blink>

然后在封闭的控制器中添加该fromController属性。

这是一个（非常烦人的）小提琴。