角度变化动态分配ng-model的可见性

Question

我试图用

动态更改div的可见性

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

Answer 1

试试这个

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

<强> JS

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

Answer 2

您可以简单地执行以下操作：

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

在这种情况下无需返回控制器。