2015-09-06 54 views
-2

我試圖動態改變div的可見性與角度變化動態的div與NG-模型知名度

ng-show="models.show" 

下面的代碼,是我的第一個想法:

,但它不工作。

HTML

<div ng-init="models.show=false" ng-show="models.show"> 
     Show! 
    </div> 
    <button ng-click="hideshow()">Click </button> 

的javascript /角

$scope.hideshow= function(){ 
     $scope.models.show = ($scope.model.show)?false:true; 
}; 
+0

這是....模型'或..'模型'??您正在使用 – charlietfl

+0

'模型',對此很抱歉 –

回答

0

嘗試這樣

<div ng-show="show"> 
     Show! 
</div> 
<button ng-click="hideshow()">Click </button> 

JS

$scope.show=true; 
$scope.hideshow= function(){ 
    $scope.show=!$scope.show 
}; 
0

你可以簡單地做這樣的事情:

<div ng-init="show=false"> 
    <div ng-show="show"> 
      Show! 
    </div> 
    <button ng-click="!show">Click</button> 
</div> 

在這種情況下,要回控制器沒有這個必要。