在angularJS中事件绑定的问题

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<div ng-app="myApp" ng-controller="formCtrl">
  <form novalidate>
    First Name:<br>
    <input type="text" ng-model="user.firstName"><br>
    Last Name:<br>
    <input type="text" ng-model="user.lastName">
    <br><br>
    <button ng-click="reset()">RESET</button>
  </form>
  <p>form = {{user }}</p>
  <p>master = {{master}}</p>
</div>

<script>
var app = angular.module('myApp', []);
app.controller('formCtrl', function($scope) {
    $scope.master = {firstName:"John", lastName:"Doe"};
    $scope.reset = function() {
        $scope.user = angular.copy($scope.master);
    };
    $scope.reset();
});
</script>

</body>
</html>

为什么我绑定的是master,但是改变input的值改变的确是form,master的值却没有改变呢

qq_吃药先森_03169839
浏览 1761回答 2
2回答

Say素描

楼主您好,您的代码显示,你input框绑定的是user对象,而不是master,所以你改变的是user,而不是master。请告诉我你想实现的效果,我可以告诉你怎么修改。

Suber丶林

数据绑定使用ng-bind,你这种写法已经一次性赋值了。把你的19行代码改成如下:<p>master = <span ng-bind="master"></span></p>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

AngularJS