AngularJS 遇到的小坑与技巧小结


Posted in Javascript onJune 07, 2016

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不同

----------------------------------------------------------------------------------------

13.ng-bind-html-unsafe已去除,可以用['ngSanitize'] 模块或使用$sce服务

From stackoverflow

You indicated that you're using Angular 1.2.0... as one of the other comments indicated, ng-bind-html-unsafe has been deprecated.

Instead, you'll want to do something like this:

<div ng-bind-html="preview_data.preview.embed.htmlSafe"></div>

In your controller, inject the $sce service, and mark the HTML as "trusted":

myApp.controller('myCtrl', ['$scope', '$sce', function($scope, $sce) {

  // ...

  $scope.preview_data.preview.embed.htmlSafe = 

     $sce.trustAsHtml(preview_data.preview.embed.html);

}

Note that you'll want to be using 1.2.0-rc3 or newer. (They fixed a bug in rc3 that prevented "watchers" from working properly on trusted HTML.)

查看更多AngularJS的语法,大家可以关注:AngularJS 参考手册英文版,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScrip单线程引擎工作原理分析
Sep 04 Javascript
需要做特殊处理的DOM元素属性的访问
Nov 05 Javascript
JavaScript中的面向对象介绍
Jun 30 Javascript
js 获取和设置css3 属性值的实现方法
May 06 Javascript
jquery xMarquee实现文字水平无缝滚动效果
Apr 29 Javascript
js简单抽奖代码
Jan 16 Javascript
js带点自动图片轮播幻灯片特效代码分享
Sep 07 Javascript
纯js实现手风琴效果
Apr 17 Javascript
js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码
Sep 09 Javascript
jquery拖动改变div大小
Jul 04 jQuery
Node做中转服务器转发接口
Oct 18 Javascript
vue css 引入asstes中的图片无法显示的四种解决方法
Mar 16 Javascript
模仿password输入框的实现代码
Jun 07 #Javascript
无缝滚动的简单实现代码(推荐)
Jun 07 #Javascript
Bootstrap学习笔记之css样式设计(2)
Jun 07 #Javascript
AngularJS 如何在控制台进行错误调试
Jun 07 #Javascript
JQuery异步加载PartialView的方法
Jun 07 #Javascript
基于JS实现无缝滚动思路及代码分享
Jun 07 #Javascript
Bootstrap学习笔记之css样式设计(1)
Jun 07 #Javascript
You might like
在PHP3中实现SESSION的功能(二)
2006/10/09 PHP
Ubuntu彻底删除PHP7.0的方法
2018/07/27 PHP
PHP过滤器 filter_has_var() 函数用法实例分析
2020/04/23 PHP
类之Prototype.js学习
2007/06/13 Javascript
JavaScript 核心参考教程 内置对象
2009/10/13 Javascript
jquery jqPlot API 中文使用教程(非常强大的图表工具)
2011/08/15 Javascript
详解addEventListener的三个参数之useCapture
2015/03/16 Javascript
jQuery动态星级评分效果实现方法
2015/08/06 Javascript
jquery拖拽排序简单实现方法(效果增强版)
2016/02/16 Javascript
JS中取二维数组中最大值的方法汇总
2016/04/17 Javascript
javascript基于原型链的继承及call和apply函数用法分析
2016/12/15 Javascript
完美实现js选项卡切换效果(二)
2017/03/08 Javascript
js浏览器滚动条卷去的高度scrolltop(实例讲解)
2017/07/07 Javascript
Vue学习笔记之表单输入控件绑定
2017/09/05 Javascript
node通过express搭建自己的服务器
2017/09/30 Javascript
微信小程序利用canvas 绘制幸运大转盘功能
2018/07/06 Javascript
vue2.0 路由模式mode=&quot;history&quot;的作用
2018/10/18 Javascript
nodejs 使用nodejs-websocket模块实现点对点实时通讯
2018/11/28 NodeJs
Vue将页面导出为图片或者PDF
2020/08/17 Javascript
Python Web服务器Tornado使用小结
2014/05/06 Python
Python列表(list)、字典(dict)、字符串(string)基本操作小结
2014/11/28 Python
Flask之flask-script模块使用
2018/07/26 Python
Python关于__name__属性的含义和作用详解
2020/02/19 Python
Django项目uwsgi+Nginx保姆级部署教程实现
2020/04/19 Python
Python自动化之UnitTest框架实战记录
2020/09/08 Python
倩碧香港官方网站:Clinique香港
2017/11/13 全球购物
受希腊女神灵感的晚礼服、鸡尾酒礼服和婚纱:THEIA
2018/04/15 全球购物
《守株待兔》教学反思
2014/03/01 职场文书
中学生国旗下讲话稿
2014/04/26 职场文书
国土资源局开展党的群众路线教育实践活动整改措施
2014/09/26 职场文书
官僚主义现象查摆问题整改措施
2014/10/04 职场文书
成绩单评语
2015/01/04 职场文书
沈阳故宫导游词
2015/01/31 职场文书
Python利用folium实现地图可视化
2021/05/23 Python
手残删除python之后的补救方法
2021/06/26 Python
create-react-app开发常用配置教程
2022/06/25 Javascript