angular.js写法不规范导致错误

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angular.js写法不规范导致错误相关的知识,希望对你有一定的参考价值。

以下写法:没有明确指定module和controller,写法不规范. 更改angular.js版本会出bug.

 

 1 <html ng-app>
 2 <head>
 3     <title>1.0.1-1.5版本间的差异</title>
 4     <script src="/js/angular-1.0.1.min.js"></script> <!--可以正常显示-->
 5     <!--<script src="/js/angular.min.js"></script>  1.5版本 显示不了-->
 6     <script>
 7         
 8         /* phones.js
 9             [
10             {
11                 "name": "Nexus S",
12                 "snippet": "Fast just got faster with Nexus S.",
13                 "age": 0,
14                 "imageUrl": "/img/01.png",
15                 "id":1
16             },
17             {
18                 "name": "Motorola XOOM™ with Wi-Fi",
19                 "snippet": "The Next, Next Generation tablet.",
20                 "age": 1,
21                 "imageUrl": "/img/02.png",
22                 "id": 2
23             },
24             {
25                 "name": "MOTOROLA XOOM™",
26                 "snippet": "The Next, Next Generation tablet.",
27                 "age": 2,
28                 "imageUrl": "/img/03.png",
29                 "id": 3
30             }
31         ]
32         */
33         function PhoneListCtrl($scope, $http) {
34             $http.get(/html/angular/json/phones.js).success(function (data) {
35                 $scope.phones = data;
36             });
37         }
38     </script>
39     <link href="/js/bootstrap-3.3.5-dist/css/bootstrap.min.css" rel="stylesheet" />
40 </head>
41 <body >
42     <div class="container-fluid">
43         <div class="row" ng-controller="PhoneListCtrl">
44 
45             <ul>
46                 <li ng-repeat="phone in phones">
47                     <a href="#{{phone.id}}">{{phone.name}}</a>
48                     <p>{{phone.snippet}}</p>
49                 </li>
50             </ul>
51 
52 
53         </div>
54     </div>
55 </body>
56 </html>

 

附学习地址:

a.angularJS中文社区

b.angularJS官网

 

下篇:写个规范的...

以上是关于angular.js写法不规范导致错误的主要内容,如果未能解决你的问题,请参考以下文章

“未捕获的类型错误:无法在 Websocket Angular JS 上读取未定义的属性‘延迟’”

angular js input校验只能输入数字和字母 directive写法一则

Spring,Angular.js 415 不支持的媒体类型错误

错误:对象不支持 Angular js 代码中用于 fb 登录的属性或方法

angular.js的post数据方式

一个粗心的Bug,JSON格式不规范导致AJAX错误