2017-06-13 5 views
-1

Ich bin mit einem Problem konfrontiert, wenn NG-if-Bedingung in einer benutzerdefinierten Anweisung überprüfen.Ich bin verbindlich Antwort und Prüfung Bedingung in template.Here, es prüft nicht Bedingung und Anzeige beider font-awesome Icons.ng-wenn Bedingung funktioniert nicht in der Richtlinie Vorlage

Html code: 

    <mydirective ng-repeat="Activiy in dDetails.activiy | orderBy:'$index':true | limitTo: limit as results" n="{{Activiy.auditlog}} 
    m="{{Activiy.activityStatus}}"></mydirective> 

    Directive code: 

    app.directive("mydirective", function(){ 
      return { 
      restrict: "EA", 
      scope: { 
       n: "@", 
       m: "@"  
      }, 
      template: "<span>{{n}}</span><span ng-if= 'm' == 'SUCCESS'><i class='fa fa-check' style='color: green;'></i></span><span ng-if= 'm' !='SUCCESS'><i class='fa fa-close' style='color: red;'></i></span><br>", 

      link: function(scope){ 
       //console.log("foo: " + scope.m + " loaded"); 
      } 
      }; 
     }); 

[! [Enter image description here] [1]] [1] Dies ist, wie es in Bildschirm sieht shot.Actually sollte es nur ein Symbol zeigen, wenn die Antwort Erfolg ist, sollte es grüne Markierung zeigen. Wenn es fehlgeschlagen ist, sollte es ein rotes Kreuzzeichen anzeigen.

Can you please correct my code. 

Thanks in Advance. 


    [1]: https://i.stack.imgur.com/1FUuv.png 

So sieht es im Screenshot aus. Eigentlich sollte es nur ein Symbol anzeigen.

Antwort

1

Wenn Sie auf Variablen im Bereich verweisen, verwenden Sie keine Anführungszeichen. Wenn Sie Zitate setzen, wird das wie eine Zeichenfolge interpretiert. Versuchen Sie etwas wie folgt:

app.directive("mydirective", function(){ 
    return { 
    restrict: "EA", 
    scope: { 
     n: "@", 
     m: "@"  
    }, 
    template: '<span>{{n}}</span><span ng-if="m == \'SUCCESS\'"><i class="fa fa-check" style="color: green;"></i></span><span ng-if="m !=\'SUCCESS\'><i class="fa fa-close" style="color: red;"></i></span><br>', 

    link: function(scope){ 
     //console.log("foo: " + scope.m + " loaded"); 
    } 
    }; 
}); 
+0

ja danke, es hat funktioniert :) –

+0

great! bitte stimme für meine antwort 8D – deividfortuna

+0

yup ich wählte tq kumpel :) –

Verwandte Themen