Angularjs ngInit mit filter override-Werte

Ich versuche init einer gefilterten Wert, ohne Erfolg. Ich verwende teilweise/ng-so gehören, den Variablennamen nicht ändern können.

Ich mit angularjs v1.0.2 und ich habe versucht auch mit der v1.1.1

<script>
    function Ctrl($scope) {
      $scope.trains = [ 1, 2];
    }
</script>


<div ng-app ng-controller="Ctrl">
  <div ng-init="t = (trains | filter:1)">    
    {{ t }}
    {{ trains | filter:1 }}
  </div>
  <div ng-init="t = (trains | filter:2)">
    {{ t }}
    {{ trains | filter:2 }}
  </div>
</div>

Den Ausgang

[2] [1]
[2] [2]

Hier ist das Beispiel -> http://jsfiddle.net/9q5D4/4/

InformationsquelleAutor Damax | 2013-01-09
  1. 1

    Nicht sicher, ob dies ist, was Sie wollen...
    Aber Sie können mithilfe der Richtlinie zu kombinieren, um zwischen ng-init-und ng-include:

    HTML:

    <div ng-app="myApp" ng-controller="Ctrl">    
    <my-directive field-name=1 train=2></my-directive>
    <my-directive field-name=2 train=17></my-directive>
</div>

    JS:

    function Ctrl($scope, $filter) {
  $scope.trains = [1, 2]; 
}

angular.module("myApp", [])
.directive("myDirective", function() {
    return {
        restrict: "E",
        scope: 'isolate',
        template: "<div>{{exposeAttribute}} {{anotherOne}}</div>",
        controller: Ctrl,
        //templateUrl: "mytemplate.html",
        link: function(scope, element, attr) {
            scope.exposeAttribute = attr.fieldName;
            scope.anotherOne = attr.train;
        }
    };
});

    und die Ausgabe ist:

    1 2

    2 17

    http://jsfiddle.net/9q5D4/5/

    InformationsquelleAutor TidharPeer
  2. 2

    Vorsichtig sein mit der ng-init Ausdruck (vor allem, wenn Sie die Initialisierung neuer Variablen). In Ihrem Beispiel, Sie laufen 2 getrennte Ausdrücke: t = trains und filter:<X>.

    Sollten Sie verwenden t = (trains | filter:<X>):

    <div ng-app ng-controller="Ctrl">
  <div ng-init="t = (trains | filter:1)">    
    {{ t }}
    {{ trains | filter:1 }}
  </div>
  <div ng-init="tt = (trains | filter:2)">
    {{ tt }}
    {{ trains | filter:2 }}
  </div>
</div>

    jsFiddle: http://jsfiddle.net/9q5D4/2/

    • Das ist fast das, was ich will. Werde ich auch verwenden, ng-include so kann ich nicht benennen Sie die variable.
    • vergessen Sie nicht, die Antwort akzeptieren
    • Wenn ich teilweise diese Lösung nicht funktionieren
    • was meinst du mit "Wenn ich mit der partiellen"? Können Sie ein Beispiel geben (fiddle)? Auch nicht, aktualisieren Sie Ihre Frage mit einer Antwort, es wird verwirren weiteren Besucher...
    InformationsquelleAutor bmleite
  3. 0

    Versuchen Sie zu Durchlaufen $Umfang.Züge? In diesem Fall sollten Sie die Verwendung von ng-repeat. Ich glaube nicht, Filter sind anwendbar für ng-init.

    http://jsfiddle.net/gtmuh/

    <div ng-app ng-controller="Ctrl">
  <div ng-repeat="t in trains | filter:1">
    {{ t }}
    {{ trains | filter:1 }}
  </div>
  <div ng-repeat="t in trains | filter:2">
    {{ t }}
    {{ trains | filter:2 }}
  </div>
    • Ich will, dass die code-TROCKEN mit teilweise mit ng-include. Im inneren des teilweise ich die Iteration t.
    InformationsquelleAutor Roy Truelove
  4. 0

    Habe ich noch nicht ausgecheckt genau, warum oder wie,
    scheint aber wie das stellen eines ng-wenn-Attribut
    vor der ng-init macht es Arbeit.

    getestet auf angular 1.2+;

    <div ng-app ng-controller="Ctrl">
    <div ng-init="t = (trains | filter:1)">    
        {{ t }}
        {{ trains | filter:1 }}
    </div>
    <div ng-if="true" ng-init="t = (trains | filter:2)">
    {{ t }}
    {{ trains | filter:2 }}
    </div>
</div>
    InformationsquelleAutor antonzy
Schreibe einen Kommentar