随笔分类 - angular.js
摘要:angluarjs中页面初始化的时候会出现语法{{}}在页面中问题,也即是页面闪烁问题。出现这个的原因是:由于页面或者组件需要渲染加载数据,浏览器和angluarjs渲染页面需要消耗一定的时间,虽然这个时间很多,可能肉眼看不出来,但有的时候加载时间比较长的时候,特别是网络等原因。这样就看到了在渲染前
阅读全文
摘要:ng-repeat 指令可以完美的显示表格。在表格中显示数据 {{ x.Name }} {{ x.Country }} 使用 CSS 样式为了让页面更加美观,我们可以在页面中使用CSS:使用 orderBy 过滤器排序显示,可以使用orderBy过滤器: {{ x.Na...
阅读全文
摘要:$http是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。读取 JSON 文件下是存储在web服务器上的 JSON 文件:{ "records": [ { "Name": "Alfreds Futterkiste", ...
阅读全文
摘要:过滤器可以使用一个管道字符(|)添加到表达式和指令中。AngularJS 过滤器AngularJS 过滤器可用于转换数据:过滤器描述currency格式化数字为货币格式。filter从数组项中选择一个子集。lowercase格式化字符串为小写。orderBy根据某个表达式排列数组。uppercase...
阅读全文
摘要:AngularJS 控制器控制AngularJS 应用程序的数据。AngularJS 控制器是常规的JavaScript 对象。AngularJS 控制器AngularJS 应用程序被控制器控制。ng-controller指令定义了应用程序控制器。控制器是JavaScript 对象,由标准的 Jav...
阅读全文
摘要:AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HTML 属性,带有前缀ng-。ng-app指令初始化一个 AngularJS 应用程序。ng-init指令初始化应用程序数据。ng-model指令把元素值(比如输入域的值)绑定到应...
阅读全文
摘要:AngularJS 使用表达式把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内:{{ expression }}。AngularJS 表达式把数据绑定到 HTML,这与ng-bind指令有异曲同工之妙。AngularJS 将在表达式书写的位置"输出"数据。A...
阅读全文
摘要:AngularJS 是一个JavaScript 框架。它可通过 注:建议把脚本放在 元素的底部。这会提高网页加载速度,因为 HTML 加载不受制于脚本加载。AngularJS 扩展了 HTMLAngularJS 通过ng-directives扩展了 HTML。ng-app指令定义一个 Angula...
阅读全文