http://codepen.io/whb/pen/wzjWYv
Lors de l'initialisation, vous pouvez accéder à la fonction de lien pour traiter les données originales avant de les afficher
Après avoir cliqué sur Actualiser
Je n'arrive vraiment pas à comprendre qu'une fois les données de ng-repeat actualisées, la directive imbriquée n'exécute pas la fonction de lien, je vous demande conseil
.Le code est le suivant :
(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>
Je vais vous donner mon opinion, mais elle n'est peut-être pas correcte.
La raison devrait être causée par votre suivi par syntaxe sur ng-repeat.
Les documents officiels indiquent que ngRepeat détecte si le viewModel correspondant a changé en fonction de $watchCollection. L'ajout de track by équivaut à attacher de nouvelles conditions à ce mécanisme de détection. Lorsque vous cliquez sur Actualiser pour la deuxième fois, ngRepeat détecte si le viewModel correspondant a changé en fonction. sur la bonne voie. Le jugement obtenu à partir des conditions ne nécessite en fait pas de restituer le Dom, donc les instructions que vous définissez ne seront pas compilées à nouveau. La méthode link n'est appelée qu'après la compilation, donc la méthode link ne peut pas être appelée.
Analyse de compilation et lien : portail