Php 单击按钮时执行函数

目前，我在我的网页上使用了laravel和AngularJS。我想执行一个函数，在点击按钮时可以显示和隐藏表单。在我编写代码之后，表单已经成功显示，但无法隐藏

我在master.blade.php页面上编写了函数代码：

var masterCtrl = angular.module('olshopApp', ['ngRoute']);

        masterCtrl.controller('createController', function($scope){
            $scope.isVisible = 'true';
            $scope.ShowHide = function(){
                $scope.IsVisible  = !$scope.IsVisible;
            };

        });

这些是product.blade.php页面上的代码

<div class="form-actions" ng-controller="createController">
        <button class="btn btn-primary icon-pencil bigger-110" type="button" ng-click="ShowHide()">
            Add New
        </button>
    </div>

    <div create-product ng-hide="isVisible"></div>

新增

更改该行

$scope.IsVisible=$scope.IsVisible而不是写
$scope.isVisible=$scope.isVisible
有三个问题：

控制器的范围仅限于第一个
div
，这是错误的。将
ng controller=“createController”
放入给定的父
div

此行变量名（大小写）错误
$scope.IsVisible=$scope.IsVisible。它应该是
$scope.isVisible=$scope.isVisible

您在
$scope.isVisible
变量中使用了字符串值而不是布尔值。只需将该行更改为：
$scope.isVisible=true（这是一个改进，不是问题）

请参见下面的工作示例：


var masterCtrl=angular.module（'olshoppp'，[]）；
masterCtrl.controller（'createController'，函数（$scope）{
$scope.isVisible=true；
$scope.ShowHide=function（）{
console.log（$scope.isVisible）
$scope.isVisible=！$scope.isVisible；
};
});

新增
你好创建产品表单将显示在此处。我将在单击按钮时显示或隐藏。