html - ng-if 条件在指令模板中不起作用

Question

我在检查自定义指令中的 ng-if 条件时遇到问题。实际上，我在模板中绑定(bind)响应和检查条件。这里，它不是检查条件并显示两个超棒的字体图标。

    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");
            }
          };
        }); 

[![在此处输入图片描述][1]][1] 这是它在屏幕截图中的样子。实际上它应该只显示一个图标，如果响应成功，它应该显示绿色标记。如果失败，它应该显示红色十字标记。

Can you please correct my code.

Thanks in Advance.


  [1]: /image/1FUuv.png

这是它在屏幕截图中的样子。实际上它应该只显示一个图标。

Answer 1

当您引用范围内的变量时，您不使用引号。如果你把引号解释成一个字符串。尝试这样的事情:

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");
    }
  };
});