35.angularJS的ng-repeat指令

转自:https://www.cnblogs.com/best/tag/Angular/

 1 <html>
 2
 3 <head>
 4     <meta charset="utf-8">
 5     <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
 6
 7 </head>
 8
 9 <body>
10
11
12
13
14      <div ng-app="" ng-init="names=[
15 {name:'Jani',country:'Norway'},
16 {name:'Hege',country:'Sweden'},
17 {name:'Kai',country:'Denmark'}]">
18         <ul>
19             <li ng-repeat="x in names">
20                 {{x.name+'     '+x.country}}
21             </li>
22         </ul>
23     </div>
24 </body>
25
26 </html>

35.angularJS的ng-repeat指令相关推荐

【AngularJS】—— 8 自定义指令
如何自定义指令: Angular是基于模块的框架,因此上来肯定要创建一个自己的模块: var myAppModule = angular.module("myApp",[]); 然 ...
走进AngularJs(二) ng模板中常用指令的使用方式
通过使用模板,我们可以把model和controller中的数据组装起来呈现给浏览器,还可以通过数据绑定,实时更新视图,让我们的页面变成动态的.ng的模板真是让我爱不释手.学习ng道路还很漫长,从模板 ...
AngularJS第二课（指令，作用域，控制器）
指令实列: <div ng-init="firstName='pp'">name:<input type="text" ng-model=& ...
AngularJS——第3章指令
第3章指令所谓指令就是AngularJS自定义的HTML属性或标签,这些指令都是以ng-做为前缀的,例如ng-app.ng-controller.ng-repeat等. 3.1 内置指令 ng-a ...
Angularjs编写KindEditor,UEidtor指令
目前angularJS非常火热,本人也在项目中逐渐使用该技术,在angularJS中,指令可以说是当中非常重要的一部分,这里分享一些自己编写的指令: 注:本人项目中用了oclazyload进行部分JS ...
AngularJS常用插件与指令收集
图片视频类 angular-maxonry 图片墙效果插件,可以将图片组织成类似于瀑布流的效果,依赖于jQuery.imageloaded和Masonry angular-deckgrid 另一个照片 ...
angularjs中的分页指令
自定义指令 import angular from 'angular';/*** @ngdoc module* @name components.page* @description 分页direct ...
AngularJS - 自定义指令
这一篇从自定义指令出发,记录了定义一个指令时影响指令行为的各种因素. 试着感受这些因素,让自己更高效地编写AngularJS应用. Directive 先从定义一个简单的指令开始. 定义一个指令本质上 ...
AngularJS自定义指令详解（有分页插件代码）
前言除了 AngularJS 内置的指令外,我们还可以创建自定义指令. 通过 .directive() 函数来添加自定义的指令. 调用自定义指令时,需要在HTMl 元素上添加自定义指令名. 自定义指 ...

35.angularJS的ng-repeat指令

35.angularJS的ng-repeat指令相关推荐

最新文章

热门文章