AngularJs遇到的小坑与技巧
来源:互联网 发布:python 调用js 编辑:程序博客网 时间:2024/05/16 07:22
1. templateURL和路由之类的要在web server下运行。
2. 使用模板replace设为true,模板里也要有相应的标签,否则不出现任何数据。
3. 1.2版本之后,ngRoute模块独立。
4.空的controller不定义会出错。
5.Directive的link参数是有顺序的:scope,element,attrs,ctrl
6.ng-repeat不能循环重复的对象。hack: ng-repeat="thing in things track by $id($index)"
7.尽量更新的是变量的属性而不是单个变量本身。
8.注意ng-repeat,ng-controller等会产生独立作用域。
9.当jquery载入,则使用jquery,否则使用内置jqlite。all element references in Angular are always wrapped with jQuery or jqLite; they are never raw DOM references.
10.Uncaught Error: [$location:ihshprfx] A标签没有去掉 <a href="#" ng-click="someMethod();"></a>
11.Error: listen EACCES 当在linux下,会出现这个错误,因为你监听的端口的原因,这里我的是33。把它改成8080或3030之类大的端口数就可以了。有一个规定,这些端口最好是大于1024。
12. select在没有ng-model的时候,无法显示。同理,当遇到无法显示最好看文档少了什么。
补:当ng-options的源,跟书写不相配时会出现全部选择的情况,如下:
var a = [{"id":1,"name":"Ryan"}....] ,ng-options="item.i as item.name for item in a" // i与id不同
----------------------------------------------------------------------------------------
2. 使用模板replace设为true,模板里也要有相应的标签,否则不出现任何数据。
3. 1.2版本之后,ngRoute模块独立。
4.空的controller不定义会出错。
5.Directive的link参数是有顺序的:scope,element,attrs,ctrl
6.ng-repeat不能循环重复的对象。hack: ng-repeat="thing in things track by $id($index)"
7.尽量更新的是变量的属性而不是单个变量本身。
8.注意ng-repeat,ng-controller等会产生独立作用域。
9.当jquery载入,则使用jquery,否则使用内置jqlite。all element references in Angular are always wrapped with jQuery or jqLite; they are never raw DOM references.
10.Uncaught Error: [$location:ihshprfx] A标签没有去掉 <a href="#" ng-click="someMethod();"></a>
11.Error: listen EACCES 当在linux下,会出现这个错误,因为你监听的端口的原因,这里我的是33。把它改成8080或3030之类大的端口数就可以了。有一个规定,这些端口最好是大于1024。
12. select在没有ng-model的时候,无法显示。同理,当遇到无法显示最好看文档少了什么。
补:当ng-options的源,跟书写不相配时会出现全部选择的情况,如下:
var a = [{"id":1,"name":"Ryan"}....] ,ng-options="item.i as item.name for item in a" // i与id不同
----------------------------------------------------------------------------------------
13.ng-bind-html
<div ng-controller="Aaa"><div>{{text}}</div> <div ng-bind="text"></div> <div ng-bind-template="{{text}},{{text}}"></div> <div ng-bind-html="html"></div> <div ng-bind-html="currentWork.description"></div> <div ng-bind-html="content|to_trusted"></div></div><script>var m1=angular.module('bind',[]);m1.controller('Aaa',['$scope','$sce',function($scope,$sce){$scope.text="123"$scope.html=$sce.trustAsHtml("<h1>123</h1>");$scope.currentWork=[];$scope.currentWork.description = $sce.trustAsHtml("hello,<br><b>今天我们去哪里?</b>");$scope.content="<p>信任内容!</p>";}]);m1.filter('to_trusted',["$sce",function($sce){return function(text){return $sce.trustAsHtml(text);}}]);</script>
1 0
- AngularJs遇到的小坑与技巧
- angularJS遇到的的坑
- 用angularjs遇到的坑
- angularjs 与 springmvc 遇到的一些问题
- 学习中遇到的小技巧
- javascript练习题中遇到的小技巧
- 用angularjs遇到的坑们
- AngularJS遇到的第一个坑
- angularJs初学遇到的坑之directive
- AngularJS指令学习部分遇到的坑
- js小技巧(自己遇到的一些技巧)
- 初学者在maven与struts2上遇到的小坑。
- VueJs与ReactJS和AngularJS的异同点_javascript技巧
- 做毕设时遇到的一些问题,以及一些小技巧
- 学习过程中遇到的一些编程小技巧
- 学习中遇到的小技巧 一(暂停更新)
- Android遇到的问题,解决方法和一些小技巧
- 学习angularjs遇到的问题
- Android Rtmp客户端搭建
- mariadb数据库安装配置
- JAVA实现文件自动重命名
- Struts2+Hibernate3+Spring3 整合
- Android 跨进程通信Aidl的使用及注意事项
- AngularJs遇到的小坑与技巧
- Spring Boot学习总结(1)——Spring Boot入门
- ToLua学习笔记(一) 下载安装以及Example 01 HelloWorld
- ubuntu的一些设置_总结
- BZOJ2806 [Ctsc2012]Cheat
- HDU 4699 题解
- 页面对特殊字符的输入控制
- ubantu配置svn遇到的问题,怎么删除gvfs
- android.uid.system和sdcard