エラーが出ない。

html
1<!-- <!DOCTYPE html>
2<html lang="ja" ng-app>
3<head>
4    <meta charset="UTF-8">
5    <title>Angularの練習</title>
6    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
7    <script src="myscript.js"></script>
8</head >
9<body>
10    <h1>AngularJSの練習</h1>
11    <div ng-controller="mainCtrl">
12    <p>{{users.length}} users.</p>
13    <ul>
14      <li ng-repeat="user in users">{{user.name|uppercase}} {{user.score}}</li>
15    </ul>
16    </div>
17</body >
18</html>
19 -->
20
21
22<!-- <!DOCTYPE html>
23<html lang="ja" ng-app="myapp">
24<head>
25    <meta charset="UTF-8">
26    <title>Angularの練習</title>
27    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
28    <script src="myscript.js"></script>
29</head>
30<body>
31    <h1>AngularJSの練習</h1>
32    <div ng-controller="MainController">
33      <p><input type="text" ng-model="query"></p>
34        <ul>
35            <li ng-repeat="user in users" ng-controller="userItemCtrl">
36             {{user.name}} {{user.score}}
37             <button ng-click="increment()">+1</button>
38            </li>
39        </ul>
40    </div>
41</body>
42</html> -->
43
44<!-- <!DOCTYPE html>
45<html lang="ja" ng-app="myapp">
46<head>
47    <meta charset="UTF-8">
48    <title>Angularの練習</title>
49    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
50    <script src="myscript.js"></script>
51</head>
52<body>
53    <h1>AngularJSの練習</h1>
54    <div ng-controller="MainController">
55      <form name="myForm" ng-submit="addUser()">
56        <p>Name:<input type="text" name="name" ng-medel="user.name" required ng-minlength="5" ng-maxlength="8" >
57          <span ng-show="myForm.name.$error.required">Required!</span>
58          <span ng-show="myForm.name.$error.minlength">Too short!</span>
59          <span ng-show="myForm.name.$error.maxlength">Too long!</span>
60
61
62        </p>
63        <p><input type="submit" value="add"></p>
64      </form>
65      <pre>{{user|json}}</pre>
66    </div>
67</body>
68</html> -->
69
70
71<!DOCTYPE html>
72<html lang="ja" ng-app>
73<head>
74    <meta charset="UTF-8">
75    <title>Angularの練習</title>
76    <script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>
77    <script src="myscript.js"></script>
78</head>
79<body>
80    <h1>AngularJSの練習</h1>
81    <div ng-controller="mainCtrl">
82    <form novalidate name="myForm" ng-submit="addUser()">
83    <p>Name:
84    <input type="text" name="name" ng-model="user.name" required ng-minlength="5" ng-maxlength="8">
85    <span ng-show="myForm.name.$error.required">Required!</span>
86    <span ng-show="myForm.name.$error.minlength">Too short!</span>
87    <span ng-show="myForm.name.$error.maxlength">Too long!</span>
88    </p>
89    <p><input type="submit" value="add"></p>
90    </form>
91    <pre>{{user|json}}</pre>
92    </div>
93</body>
94</html>
95

javascript
1// angular.module('myapp', [])
2// .controller('MainCtrl',['$scope',function($scope)  {
3//   $scope.users = [
4//     {"name":"taguchi", "score":52.22},
5//      {"name":"tanaka", "score":38.22},
6//      {"name":"yamada", "score":11.11},
7//      {"name":"hayashi", "score":5.25},
8//      {"name":"tanahashi", "score":82.4},
9//      {"name":"yasuda", "score":55.21},
10//      {"name":"minami", "score":32.8},
11//      {"name":"yanagi", "score":72.2}
12//   ];
13//
14// var userItemCtrl = function($scope) {
15//   $scope.increment = function() {
16//     $scope.user.score++;
17//   }
18// }
19
20var MainCtrl = function($scope) {
21  $scope.addUser = function() {
22
23  };
24};
25