即使$ scope變量爲真，ng-show也不起作用

-1

爲什麼我的div仍然有ng-hide，儘管ng-show是真的，至少該範圍顯示它是真的。我不知道這裏

HTML文件

 <div class="agent-content-wrapper" ng-controller="LoaCtrl"> 
      <div class="list-of-agent"> 
       <div class="loa-header">List of Agents</div> 
       <div class="agent-list" ng-repeat="agent in ListOfAgents"> 
        <div class="agent-main-list"> 
         <div class="agent" ng-click="goToAgentRecords(agent)">{{agent.name}}</div> 
        </div> 
       </div> 
       <div class="agent-details" ng-show="IsAgentSelected" ></div> 
      </div> 
     </div>

JS文件

$scope.IsAgentSelected = false; 
$scope.goToAgentRecords = function (agent) { 
    $scope.IsAgentSelected = true; 
}

來源

2017-08-14 Mohd Hafiz Mohd Annuar

你指的是這個* empty * div嗎？ '

' –

是的，div.agent-details，它是空的，但我已經指定了高度和寬度。 –

http://plnkr.co/edit/GCs6wJSQP8Wws9aMgXMn?p=preview檢查代碼中出現了什麼問題，並且如果您需要在第二次點擊時隱藏div並在下一次單擊中顯示它，則可能* goToAgentRecords *應該更改爲如下所示* $ scope.IsAgentSelected =！$ scope.IsAgentSelected; * –

對我來說，工作正常，請寫NG秀格的東西里面看到它的效果發生什麼事。

我的代碼如下提到：

的index.html

<div class="agent-content-wrapper" ng-controller="LoaCtrl"> 
      <div class="list-of-agent"> 
       <div class="loa-header">List of Agents</div> 
       <div class="agent-list" ng-repeat="agent in ListOfAgents"> 
        <div class="agent-main-list"> 
         <div class="agent" ng-click="goToAgentRecords(agent)">{{agent}}</div> 
        </div> 
       </div> 
       {{IsAgentSelected}} 
       <div class="agent-details" ng-show="IsAgentSelected" >Display Ng- Show</div> 
      </div> 
     </div>

Controller.js

var myApp = angular.module('myApp', []); 
myApp.controller('LoaCtrl',['$scope',function($scope){ 
$scope.ListOfAgents =['a','b','c'] 
$scope.IsAgentSelected = false; 
$scope.goToAgentRecords = function (agent) { 
    $scope.IsAgentSelected = true; 
} 
}]);

我在DIV印刷IsAgentSelected的值，看其應有的價值，你可以正常工作後將其刪除。如果仍然無法正常工作評論。

來源

2017-08-14 05:14:25

謝謝你們。它在一段時間後正在工作。我不明白爲什麼它不工作得更早。

來源

2017-08-14 13:03:30

即使$ scope變量爲真，ng-show也不起作用

回答

相關問題