angulaire.js - La fonction de lien de directive imbriquée ng-repeat n'est pas exécutée
怪我咯
怪我咯 2017-05-15 17:07:38
0
1
578

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>
怪我咯
怪我咯

走同样的路,发现不同的人生

répondre à tous(1)
为情所困

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

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal