angular.js - ng-repeat嵌套的directive link函数未执行

Question

http://codepen.io/whb/pen/wzjWYv

初始化的时候,可以走到link函数中将原数据处理之后再做显示

当点击刷新之后

实在无法理解 当ng-repeat中数据刷新之后 嵌套的directive未执行link函数，跪求各位大神指导

代码如下：

(function() {
  'use strict';
  var app = angular.module('plunker', []);
  app.controller('MainCtrl', function($scope) {
    $scope.list = [{
      name: "张三",
      age: 23
    }, {
      name: "李四",
      age: 63
    }];
    //刷新按钮
    $scope.load = function() {
      $scope.list = [{
        name: "张三1",
        age: 23
      }, {
        name: "李四1",
        age: 63
      }];
    };
  });
  app.directive('item', function() {
    return {
      restrict: 'A',
      template: "<p>姓名：</p>  <p>{{ item.name }}</p>  <p>昵称：</p>  <p>{{ item.nickName }}</p>  <p>年龄：</p>  <p>{{item.age}}</p>",
      scope: {
        item: "=",
      },
      link: function(scope, element, attrs) {
        scope.item.nickName = scope.item.name + "nick";
        console.log(scope.item);
      }
    }
  });
})();

<p ng-app="plunker">
  <p ng-controller="MainCtrl"  style="text-align: center;">
    <p >
      <p ng-repeat="item in list track by $index" class="items-warp">
        <p item="item" class="row"></p>
      </p>
    </p>
    <button ng-click="load()">刷新 </button>
  </p>
</p>

Answer 1

제 의견을 말씀드리지만 정확하지 않을 수도 있습니다.

이유는 ng-repeat의 구문에 따른 트랙으로 인해 발생해야 합니다.

공식 문서에 따르면 ngRepeat는 $watchCollection을 기반으로 해당 viewModel이 변경되었는지 여부를 감지합니다. track by를 추가하는 것은 이 감지 메커니즘에 두 번째로 새로 고침을 클릭하면 해당 viewModel이 변경되었는지 여부를 감지하는 것과 같습니다. 조건에서 얻은 판단은 실제로 Dom을 다시 렌더링할 필요가 없으므로 정의한 지침은 컴파일 후에만 호출되므로 링크 메서드를 호출할 수 없습니다.

컴파일 및 링크 분석: 포털