即使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

回答

相關問題