Angularjs 我正在执行ngclick show hide，但可以'；我得不到任何成果

我正在使用angular 1.6并尝试执行ng click hide显示纵断面数据，但无论如何，我不知道哪里出了问题。 这是密码

<div class="col-sm-12 col-lg-10" ng-controller="profile">
<div class="text-center">
    <div class="col-sm-12">
    <div class="pull-right">
        <a ng-click="edit-form = ! edit-form"> <i class="fa fa-pencil fa-2x" style="cursor:pointer;color:#f7972f;"> </i> </a>
    </div>
        <div class="image-upload edit-picture">
            <label for="file-input">
                <i class="fa fa-camera fa-2x" style="cursor:pointer;color:#f7972f;"> </i>
            </label>
            <input id="file-input" type="file"/>
        </div>
        <img src="amit.jpg" class="img img-circle edit-image" style="width:150px;">
        <h3> Amit Singh Chauhan </h3>
    </div>
    <div class="col-sm-12" ng-show="edit-form"> 
        <div class="col-sm-1"></div>
        <div class="col-sm-10" >
        <form action="" novalidate="novalidate">
            <p><span class="wpcf7-form-control-wrap first-name"><input type="text" name="first-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="First Name"></span></p>
            <p><span class="wpcf7-form-control-wrap last-name"><input type="text" name="last-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Last Name"></span></p>
            <p><span class="wpcf7-form-control-wrap email-address"><input type="email" name="email-address" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="E-mail Address"></span></p>
            <div><span class="wpcf7-form-control-wrap your-message"><textarea name="your-message" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false" placeholder="Comment"></textarea></span></div>
            <div><input type="submit" value="Save Profile" class="wpcf7-form-control wpcf7-submit mkd-contact3"><span class="ajax-loader"></span></div>
        </form>
        </div>
        <div class="col-sm-1"></div>
    </div>
</div>

阿米特·辛格·乔汉

var-app=angular.module（“myApp”，[]）.controller（“profile”，function（$scope）{
});

尝试将

编辑表单

更改为

编辑表单

尝试将

编辑表单

更改为

编辑表单

仍然没有结果happen@amitchauhan在这里可以正常工作：，所以代码中仍然有一些错误。创建一个复制问题的plnkr。并简化你的代码，只显示相关的部分，但显示他们所有。其实它的整个主题，所以不能上传整个该死的project@amitchauhan因此，简化您的代码，只显示相关部分，但显示所有部分。您只需要一个带有ng应用程序的index.html、一个带有ng click的链接和一个带有ng show的元素。其余部分与我的header.php文件中的html标记无关，我定义ng app=“myApp”，然后使用路由方法。然后我把profile.html整个页面的数据放在上面，仍然没有任何内容happen@amitchauhan在这里可以正常工作：，所以代码中仍然有一些错误。创建一个复制问题的plnkr。并简化你的代码，只显示相关的部分，但显示他们所有。其实它的整个主题，所以不能上传整个该死的project@amitchauhan因此，简化您的代码，只显示相关部分，但显示所有部分。您只需要一个带有ng应用程序的index.html、一个带有ng click的链接和一个带有ng show的元素。其余部分与我的header.php文件中的html标记无关，我定义ng app=“myApp”，然后使用路由方法。然后我把profile.html整个页面的数据放在上面，试着给表单命名，但是为什么表单名应该是这样的呢？试着给表单命名，但是为什么表单名应该是这样的呢？

 <script>
     var app = angular.module("myApp", []).controller ("profile",  function         ($scope){
 });
</script>