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"