Angularjs指令：隔离的范围和attrs

Question

foodMeApp.directive('fmRating', function() {
  return {
    restrict: 'E',
    scope: {
      symbol: '@',
      max: '@',
      readonly: '@'
    },
    require: 'ngModel',
    link: function(scope, element, attrs, ngModel) {

      attrs.max = scope.max = parseInt(scope.max || 5, 10);
...

那么，attrs的目的是什么？不能访问通过attrs传递的所有属性。为什么一个max的访问值不能作为attrs.max而不是scope.max

为什么要像attrs.max=scope.max那样分配回来？

谢了。

Answer 1

Attrs的目的是什么？

在与指令相同的元素上定义的属性有以下几个目的：

1. 它们是将信息传递到使用隔离作用域的指令中的唯一方法。由于指令隔离作用域并不是从父作用域继承的，所以我们需要一种方法来指定要传递给隔离作用域的内容。因此，“对象哈希”中的“@"、”="和“&”都需要一个属性来指定传递的数据/信息。
2. 它们是一种指令间的交流机制。（例如，独立地管理独立的AngularJS指令之间的通信）
3. 它们对属性名进行规范化。

null

上面回答了

为什么像attrs.max=scope.max那样分配回来？

我能想到这样做的唯一原因是，万一其他指令需要看到这个属性/值（即指令间通信）。但是，另一个指令需要在该指令之后运行才能工作（这可以通过priority指令设置来控制）。