Daten von der Direktive werden nicht in ng-repeat angezeigt

Question

Ich habe dieses Problem in seine einfachste Form zerlegt. Grundsätzlich habe ich eine Direktive, die für die Demo noch nicht wirklich etwas bewirkt. Ich habe ein Div mit der Direktive als Attribut. Die Werte innerhalb des div, die von einem Objekt-Array stammen, werden nicht angezeigt. Wenn ich die Anweisung aus dem Div entfernen, werden sie OK angezeigt. Offensichtlich fehlt mir hier etwas wirklich Offensichtliches, da ich das bisher ohne Probleme gemacht habe.

Hier ist der Plunk: http://plnkr.co/edit/ZUXD4qW5hXvB7y9RG6sB?p=preview

Script:

app.controller('MainCtrl', function($scope) { 

    $scope.tooltips = [{"id":1,"warn":true},{"id":2,"warn":false},{"id":3,"warn":true},{"id":4,"warn":true}]; 

}); 

app.directive("cmTooltip", function() { 
    return { 
     scope: { 
      cmTooltip: "=" 
     } 
    }; 
}); 

HTML

<div ng-repeat="tip in tooltips" class="titlecell" cm-tooltip="true"> 
    A div element: {{ tip.id }} 
</div> 
<br><br> 

Just to prove it works without the directive: 
<div ng-repeat="tip in tooltips" class="titlecell"> 
    A div element: {{ tip.id }} 
</div> 

Answer 1

Es gibt eine hacken, um es durch den Einsatz von transclusion, wie das in früheren Versionen von Winkeln zu machen die Arbeit:

app.directive("cmTooltip", function() { 
    return { 
     scope: { 
      cmTooltip: "=" 
     }, 
     transclude: true, 
     template : '<div ng-transclude></div>' 
    }; 
}); 

PLNKR

Answer 2

Wie von Beyers' Kommentar oben und unten, ist die Frage, das Verhalten etwa nicht mehr in mindestens 1.2.5

Um klarer zu sein; dies hat nichts mit ng-repeat zu tun, können Sie es entfernen und es wird immer noch keine tip (oder tooltips).

Siehe this Frage, was die = und andere Konfigurationen bedeuten und was es für Sie tut.

Grundsätzlich für Ihre Situation, wenn Sie = verwenden, wird der Geltungsbereich der Direktive in den zugrunde liegenden Elementen verwendet werden, Sie haben nicht mehr den Umfang Ihres Controllers. Was das für Sie bedeutet ist, dass es keine {{ tip.id }} oder nicht einmal tip gibt. Weil die Richtlinie keine liefert.

Hier ist eine plunker, die zeigt, was Sie damit machen können.

Im Grunde alles, was ich tat, war

app.directive("cmTooltip", function() { 
    return { 
     scope: { 
      cmTooltip: "=" 
     }, 
     link: function($scope){ // << 
      $scope.tip = { id: 1 }; // << 
     }       // << 
    }; 
}); 

Dies schafft die Spitze Objekt auf dem Umfang, so dass es eine ID hat.

Für Ihre Situation würden Sie wahrscheinlich einfach nicht verwenden = und schauen Sie sich this Frage für Ihre anderen Optionen, je nachdem, was Sie wollen.

Answer 3

Meiner Meinung nach ist das nicht der Weg zu gehen. Ich würde Objekte verwenden.

JS-Code:

function tooltip(id,warn){ 
    this.id = id; 
    this.warn = warn; 
    } 

    tooltip.prototype.toString = function toolToString(){ 
    return "I'm a tooltip, my id = "+this.id+" and my warn value = "+this.warn; 
    } 

    $scope.tooltips = [new tooltip(1,true),new tooltip(2,false),new tooltip(3,true),new tooltip(4,true)]; 

HTML:

<div ng-repeat="tip in tooltips" class="titlecell"> 
     A div element: {{ tip.toString() }} 
    </div>