javascript - 单击 img AngularJS 后更新模型

Question

我是 AngularJS 的新手，我正在尝试在用户单击 img 后更新我的模型，这是我的代码:

<div class="col-xs-4 text-center"><a ng-model="user.plateforme" value="ios"><img src="ios.png" class="img-circle img-responsive"></a></div>

<div class="modal-footer">
    <a href="#" data-dismiss="modal" class="btn">Close</a>
    <a href="#" class="btn btn-primary" ng-click="update(user)">Save changes</a>
</div>
      <pre>form = {{user | json}}</pre>

和我的 Controller :

angular.module('formExample', [])
      .controller('ExampleController', ['$scope', function($scope) {
        $scope.master = {};

        $scope.update = function(user) {
          $scope.master = angular.copy(user);
        };

        $scope.reset = function() {
          $scope.user = angular.copy($scope.master);
        };

        $scope.reset();
      }]);

有人可以帮助我吗？

Answer 1

添加ng-click。这将使您的模型自动消化:

<img src="ios.png" class="img-circle img-responsive" ng-click="reset();">

这里我假设您想要调用$scope.reset()，但您可以在那里创建任何您想要的方法。