AngularJS表单问题答案

【问题标题】：AngularJS form issueAngularJS表单问题
【发布时间】：2014-07-21 05:40:51
【问题描述】：

我正在尝试您可以在此处找到的表单示例：https://docs.angularjs.org/guide/forms 我不能让它在我自己的页面上工作。它以这个错误结束：

我不知道为什么；请参阅下面的 index.html 页面源代码：

<head>
    <!-- JQUERY -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>      

    <!-- Angular -->
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular-sanitize.js"></script>
</head>
<body ng-app>
    <div ng-controller="Controller">
      <form novalidate class="simple-form">
        Name: <input type="text" ng-model="user.name" /><br />
        E-mail: <input type="email" ng-model="user.email" /><br />
        Gender: <input type="radio" ng-model="user.gender" value="male" />male
        <input type="radio" ng-model="user.gender" value="female" />female<br />
        <button ng-click="reset()">RESET</button>
        <button ng-click="update(user)">SAVE</button>
      </form>
      <pre>form = {{user | json}}</pre>
      <pre>master = {{master | json}}</pre>
    </div>
</body>
<script>
  function Controller($scope) {
    $scope.master = {};

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

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

    $scope.reset();
  }

【问题讨论】：

标签： javascript forms angularjs

【解决方案1】：

根据angular的FAQ: Does Angular use the jQuery library?：

由于更改为使用 on()/off() 而不是 bind()/unbind()，Angular 1.2 仅适用于 jQuery 1.7.1 或更高版本。

下面是使用 1.7.2 版本的 jQuery 的代码示例：http://plnkr.co/edit/DFEMno6d7ovbXbgoNvhw?p=preview

【讨论】：