控制器

Question

这个bug非常奇怪，我已经在这里呆了好几个小时才能找到为什么我的控制器中的函数被触发了。

这是我的HTML代码：

<div class="col-md-9 clearfix" id="customer-account" ng-controller='ProfileController'>
  <div class="box clearfix">
    <div class="row">
      <div class="col-sm-6">
        <div class="form-group">
          <label for="password_old">oldpassword</label>
          <input type="password" class="form-control" id="password_old" ng-model="passwordold">
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-sm-6">
        <div class="form-group">
          <label for="password_1">newpassword</label>
          <input type="password" class="form-control" id="password_1" ng-model="passwordnew1">
        </div>
      </div>
      <div class="col-sm-6">
        <div class="form-group">
          <label for="password_2">retype</label>
          <input type="password" class="form-control" id="password_2"ng-model="passwordnew2">
        </div>
      </div>
      <p>{{passwordnew2}}</p>
    </div>
    <!-- /.row -->

    <div class="text-center">
      <button type="submit" class="btn btn-primary">
        <i class="fa fa-save" ng-click="changePwd(passwordold,passwordnew1,passwordnew2)"></i> save
      </button>
    </div>
    <div class="text-center" >
      <p>{{errorMessageChangepwd}}aaaa</p>
    </div>
  </div>
</div>

单击按钮后，您可以看到哪个ng-click属性，没有任何反应。

这是我的控制器代码：

controller('ProfileController', ['$scope','UserFactory','SharedDataFactory',
        function($scope,UserFactory,SharedDataFactory){
                $scope.user = UserFactory.user;
                $scope.passwordold;
                $scope.errorMessageChangepwd='error';
                $scope.showErrMsgChangepwd = false;
                $scope.passwordnew1;
                $scope.passwordnew2;
                $scope.changePwd = function(passwordold,passwordnew1,passwordnew2){
                       console.log("aaaaaaaaaa");
                       if (passwordnew1!==passwordnew2){
                          $scope.showErrMsgChangepwd= true;
                          $scope.errorMessageChangepwd = 'error';
                        }else{
                          UserFactory.changePwd(passwordnew1)
                          .catch(function(err){
                                 console.log(err.data);
                          }).then(function(response){
                              console.log(response);
                          });
                        }
                };}]);

我在我的函数的第一行调用console.log("aaaaaaaaaa");，但是在单击按钮后，控制台上没有显示任何内容。 而且

<div class="text-center" >
 <p>{{errorMessageChangepwd}}aaaa</p>
</div>`

未按预期显示错误aaaa，但在浏览器上显示aaa。 什么可能是错的？

感谢。

Answer 1

您需要在表单顶部添加ng-controller =“ProfileController”。 您的代码似乎缺失了。