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 相关文章推荐
JavaScript中变量提升 Hoisting
Jul 03 Javascript
jquery 扑捉回车键事件代码
Apr 24 Javascript
javascript内置对象操作详解
Feb 04 Javascript
jquery实现表单验证并阻止非法提交
Jul 09 Javascript
jQuery实现可展开合拢的手风琴面板菜单
Sep 15 Javascript
详解javascript遍历方式
Nov 11 Javascript
ztree获取选中节点时不能进入可视区域出现BUG如何解决
Dec 03 Javascript
jQuery实现打开页面渐现效果示例
Jul 27 Javascript
自带气泡提示的vue校验插件(vue-verify-pop)
Apr 07 Javascript
微信小程序绑定手机号获取验证码功能
Oct 22 Javascript
微信小程序跨页面数据传递事件响应实现过程解析
Dec 19 Javascript
JS代码实现页面切换效果
Jan 10 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
php中数字、字符与对象判断函数用法实例
2014/11/26 PHP
PHP实现的简单网络硬盘
2015/07/29 PHP
Smarty变量用法详解
2016/05/11 PHP
PHP中set_include_path()函数相关用法分析
2016/07/18 PHP
laravel migrate初学常见错误的解决方法
2017/10/11 PHP
如何在标题栏显示框架内页面的标题
2007/02/03 Javascript
javascript 时间比较实现代码
2009/10/28 Javascript
ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
2012/02/03 Javascript
css样式标签和js语法属性区别
2013/11/06 Javascript
简介JavaScript中的getSeconds()方法的使用
2015/06/10 Javascript
JavaScript中使用自然对数ln的方法
2015/06/14 Javascript
特殊日期提示功能的实现方法
2016/06/16 Javascript
JQuery 选择器、DOM节点操作练习实例
2017/09/28 jQuery
vue自定义全局组件(自定义插件)的用法
2018/01/30 Javascript
JS实现json对象数组按对象属性排序操作示例
2018/05/18 Javascript
react native 原生模块桥接的简单说明小结
2019/02/26 Javascript
详细分析React 表单与事件
2020/07/08 Javascript
Jquery $.map使用方法实例详解
2020/09/01 jQuery
javascript中layim之查找好友查找群组
2021/02/06 Javascript
[48:21]Mski vs VGJ.S Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
深入理解Python分布式爬虫原理
2017/11/23 Python
Python 内置函数memoryview(obj)的具体用法
2017/11/23 Python
python获取微信企业号打卡数据并生成windows计划任务
2019/04/30 Python
HelloFresh澳大利亚:订购你的美味食品盒、健康餐食
2018/03/28 全球购物
宝拉珍选英国官网:Paula’s Choice英国
2019/05/29 全球购物
世界各地的当地人的食物体验:Eatwith
2019/07/26 全球购物
智能钱包:Ekster
2019/11/21 全球购物
计算机专业自荐信范文
2014/05/28 职场文书
个人主要事迹材料
2014/08/26 职场文书
三下乡个人总结
2015/03/04 职场文书
读《茶花女》有感:山茶花的盛开与凋零
2020/01/17 职场文书
HTML5中 rem适配方案与 viewport 适配问题详解
2021/04/27 HTML / CSS
Python中OpenCV实现查找轮廓的实例
2021/06/08 Python
一篇文章带你复习java知识点
2021/06/28 Java/Android
详解Anyscript开发指南绕过typescript类型检查
2022/09/23 Javascript
HTML5中的DOCUMENT.VISIBILITYSTATE属性详解
2023/05/07 HTML / CSS