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>

和我的控制员：

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()，但您可以创建任何您想要的方法。

单击img AngularJS后更新模型

1 个答案: