1.ng-app 2.ng-repeat 3.ng-class ...
分类:
其他好文 时间:
2016-11-12 11:43:42
阅读次数:
190
使用ngRoute和ngAnimate配合使用,可以实现页面切换的效果。 如果有使用过swiper,就知道这个效果是怎么样的。 代码: 这里ng-show无效 ng-if会移除dom,生成dom,而ng-show只是改变其display属性。 display来实现显示隐藏,在渲染过程中会对动画效果无 ...
分类:
Web程序 时间:
2016-11-06 17:05:29
阅读次数:
397
9、ng-repeat ng-repeat 指令用在一个对象数组上 比如: <div ng-app="" ng-init="names=[{name:'Jani',country:'Norway'}, {name:'Hege',country:'Sweden'},{name:'Kai',countr ...
分类:
Web程序 时间:
2016-10-28 15:17:41
阅读次数:
386
首先是在js里面我们可以用clone来点击添加一些东西比如列表或者其他的div之类的,但是在angular里面怎么实现点击添加呢? 类似这种: 这样就尴尬了,最少我这样的菜鸟是不知道怎么去写的,网上好像也没有! 后来一个老司机,哦不,大牛告诉我用ng-repeat可以实现 大概的代码是酱紫的: h5 ...
分类:
其他好文 时间:
2016-10-27 12:46:24
阅读次数:
305
ng-repeat 指令可以完美的显示表格。 <table> <tr ng-repeat="x in names"> <td>{{ x.Name }}</td> <td>{{ x.Country }}</td> </tr></table> 1、排序显示,可以使用 orderBy 过滤器: <tabl ...
分类:
Web程序 时间:
2016-10-26 16:35:20
阅读次数:
327
AngularJS $http 是一个用于读取web服务器上数据的服务。 $http.get(url) 是用于读取服务器数据的函数。 <div ng-app="myApp" ng-controller="siteCtrl"> <ul> <li ng-repeat="x in names"> {{ x ...
分类:
Web程序 时间:
2016-10-26 16:29:01
阅读次数:
204
过滤器可以使用一个管道字符(|)添加到表达式和指令中。 AngularJS 过滤器可用于转换数据: 1、表达式中添加过滤器 <p>姓名为 {{ lastName | uppercase }}</p> 2、向指令中添加过滤器 过滤器可以通过一个管道字符(|)和一个过滤器添加到指令中。 orderBy ...
分类:
Web程序 时间:
2016-10-26 13:55:56
阅读次数:
169
一个简单动作(action)的列表 先来看看一个完整有效的ng-repeat示例。 对应的控制器(controller)如下: 看起来没什么问题,对吗? 这段代码也没有任何特别值得注意的。 添加一个过滤器(filter) 然后,让我们来做一个小小的修改: 给列表添加一个过滤器。 这是很常见的做法,如 ...
分类:
其他好文 时间:
2016-10-21 15:43:17
阅读次数:
176
ng-repeat 指令可以完美的显示表格。 使用 angular 显示表格是非常简单的: 为了让页面更加美观,我们可以在页面中使用CSS: 使用orderBy过滤器: 排序显示,可以使用 orderBy 过滤器: 使用 uppercase 过滤器: 用 uppercase 过滤器转换为大写: 显示 ...
分类:
Web程序 时间:
2016-10-21 07:44:12
阅读次数:
173
angularjs中ng-repeat-start与ng-repeat-end用法实例 <!DOCTYPE html> <html lang="zh-CN" ng-app="app"> <head> <meta charset="utf-8"> <title>ng-repeat-start 与 ng ...
分类:
Web程序 时间:
2016-10-21 00:25:27
阅读次数:
165