javascript - Angular.js ng-show 不起作用

Question

我在使用 Angular 的 ng-show 时遇到问题，我到处都在寻找答案，但似乎没有任何效果。我需要在单击按钮时显示表单，但事实并非如此。按钮正在调用其中包含 console.log 的函数，它可以工作，但显示不会改变其状态，这里是代码:

<div class="row" ng-controller="MyCtrl">
   <form ng-show="show">
     <input type="text" ng-model="name" placeholder="Name" required>
   </form>
   <a href="#"class="button large" ng-click="showAddForm()">Show Me!</a>
</div>

在 app.js 中:

.controller('MyCtrl', ['$scope',function($scope) {
    $scope.showAddForm = function(){
        console.log("click click");
        $scope.show = true;
    }; 
}]);

Answer 1

我假设您希望表单在开始时隐藏，并在您单击“显示我”按钮时显示。

如果是这种情况，那么您的代码已完成 99%。您需要做的就是在 Controller 代码的开头将 $scope.show 初始化为 false。

app.controller('MyCtrl', ['$scope',function($scope) {

    $scope.show = false;

    $scope.showAddForm = function(){
        console.log("click click");
        $scope.show = true;
    }; 
}]);

引用 plunk https://plnkr.co/edit/fwVEkEQzztKgOYkLUOsK?p=preview一个完整的工作版本。

编辑:当我回答你的问题时，@Sunil D 已经很好地解释了为什么它的行为方式是这样

希望对你有帮助