即使div条件不满足，它正在执行div

中的代码即使div条件不满足，它也会执行div内的代码。即使div条件不满足，它正在执行div

<div ng-if = "1==11"> 
          nishant 
            <td><a href="indexForm.jsp?id={{x.id}}" class="btn btn-primary">View Details</a></td> 

          </div>

在这里，在代码中的NG-如果不满意，所以它不需要去通过DIV，但它不打印“NISHANT”但在执行.Kindly，帮我为什么它被执行。

来源

2017-10-06 Nishant Singh

即使ng-if不满意，它也正在执行。请帮我解释它为什么会发生。 –

我在这里没有看到任何问题，它的工作很好http://jsfiddle.net/tb9hzqu3/ – jitender

你能解释一下吗？“但它不打印”nishant“，但执行” – jitender

条件应该是

<div ng-if = "1!==11">

DEMO

var app = angular.module('testApp',[]); 
 
app.controller('testCtrl',function($scope){ 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<body ng-app="testApp" ng-controller="testCtrl"> 
 
<div ng-if = "1==11"> 
 
    nishant 
 
    <td><a href="indexForm.jsp?id={{x.id}}" class="btn btn-primary">View Details</a></td> 
 
</div> 
 
</body>

来源

2017-10-06 04:31:41 Sajeetharan

看到它工作正常的文字尼桑。但即使ng-if不满足，它也正在执行标记。一个标记存在于代码中，即不管条件如何，都会执行该标记。 –

哪里？在演示中它不是。检查演示 – Sajeetharan

请参阅我的代码，它对文本“nishant”工作正常。但我担心的是，如果ng-if不满意，那么为什么它会进入div标签中并执行标记。 –

var app = angular.module('myApp',[]); 
 
app.controller('testCtrl',function($scope){ 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="testCtrl"> 
 
<div ng-if = "1==11"> 
 
         nishant False Condition 
 
           <td><a href="indexForm.jsp?id={{x.id}}" class="btn btn-primary">View Details</a></td> 
 

 
         </div> 
 
     <div ng-app="myApp" ng-controller="testCtrl"> 
 
<div ng-if = "1!==11"> 
 
         nishant true condition 
 
           <td><a href="indexForm.jsp?id={{x.id}}" class="btn btn-primary">View Details</a></td> 
 

 
         </div> 
 
</div>

问题是与你的控制器我觉得有这个代码没有问题，你可以see.Please检查是否存在错误

来源

2017-10-06 04:38:24

控制台中的代码工作正常，我也是如此。

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <meta charset="utf-8" /> 
</head> 
<body ng-app="app" ng-controller="ctrl"> 
    <div ng-if="1==11"> 
     nishant 
     <td> 
      <a href="indexForm.jsp?id={{x.id}}" class="btn btn-primary">View Details</a> 
     </td> 
    </div> 
    <script src="../lib/angular.js"></script> 
    <script> 
     var app = angular.module('app', []); 
     app.controller('ctrl', function ($scope) { 
      $scope.x = { 
       id: 1, 
       name: 'A' 
      }; 
     }) 
    </script> 
</body> 
</html>

你说尽管条件没有得到满足，它正在执行div块吗？你能解释一下执行什么意思吗？

这里的条件没有得到满足，所以会从DOM完全删除该div标签。你可以在link上阅读更多有关ngIf的内容。

来源

2017-10-06 04:53:04

即使div条件不满足，它正在执行div

回答

相关问题