ng-click更新$範圍但未在視圖中顯示更改

Question

以下是我的代碼。只更新$ scope變量，即使在檢查DOM時模型也會發生預期變化，但視圖不會更新。我嘗試了一切，讓我的觀點顯示出來沒有運氣。請協助。

代碼

//Initialize our Angular Application 
 
var app = angular.module("myApp",[]); 
 
app.controller("inputController",function($scope,$http,$interval){ 
 
\t 
 
\t $scope.views ={ 
 
\t \t login_screen : false, 
 
\t \t search_screen : false, 
 
\t \t picture_screen : false, 
 
\t \t txloss_screen : false, 
 
\t \t emptloaded_screen : false, 
 
\t \t kd_screen : false, 
 
\t \t tat_screen : false, 
 
\t \t info_screen : false 
 
\t }; 
 

 

 

 
\t 
 

 
\t //show correct view 
 
\t $scope.showView = function(view){ 
 
\t \t $scope.views[view] = true; 
 
\t }

<div class="container-fluid mainWrapper" ng-controller="inputController"> 
 
    
 
    ... 
 
    <li><a href="#" ng-click="showView('search_screen')">Search</a></li> 
 
    
 
    ... 
 
    
 
    <div class = 'row search_screen' ng-show="{{views.search_screen}}"> 
 
    ... 
 
    </div> 
 
    
 
    
 
</div>

Answer 1

ngShow犯規需要{{}} - 它已經期待一個角度表達：

ng-show="views.search_screen"