$ scope変数がtrueであってもng-showが動作しない

Question

ng-showが真であるにもかかわらず、divがまだ非表示になっているのはなぜですか？私は、JSはそれが正常に動作している私にとっては

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

Answer 1

ファイル

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

htmlファイル

ここで起こるかわからないです、 は親切にそれの効果を確認するためにNG-ショーのdivの内側に何かを書きます。私のコードは下に記載されて

：

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

Controller.js

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> 

私はあなたができる、その適切な値を見るためのdivにIsAgentSelectedの値を印刷していますそれが正常に機能した後に取り外してください。 まだそれがうまくいけないコメントが動作している場合。

Answer 2

ありがとうございます。しばらくしてから作業しています。なぜそれが早く働いていないのか分かりません。