原文:走进AngularJs(二) ng模板中常用指令的使用方式

通过使用模板,我们可以把model和controller中的数据组装起来呈现给浏览器,还可以通过数据绑定,实时更新视图,让我们的页面变成动态的。ng的模板真是让我爱不释手。学习ng道路还很漫长,从模板开始入手是个不错方式,因为这部分内容相对简单好理解,而且是视图层的东西,大家都喜欢可以立马看得见的东西嘛。本篇我将搜罗模板中的常用指令一一测试,了解其使用方法,有点像背单词的感觉,会比较枯燥。不过对 ...

2013-10-20 22:44 6 15334 推荐指数:

查看详情

走进AngularJs(八) ng的路由机制

  在谈路由机制前有必要先提一下现在比较流行的单页面应用,就是所谓的single page APP。为了实现无刷新的视图切换,我们通常会用ajax请求从后台取数据,然后套上HTML模板渲染在页面上,然而ajax的一个致命缺点就是导致浏览器后退按钮失效,尽管我们可以在页面上放一个大大的返回按钮 ...

Thu Dec 19 07:11:00 CST 2013 10 12951
AngularJS 指令ng-if

用途 ng-if 属性用来控制页面内元素的添加或移除。 用法 工作原理 本以为ng-if和ng-show/ng-hide类似(4行代码),单纯的进行元素的添加删除,然而ng-if要复杂得多,40多行代码 。子元素的ng事件,scope ...

Tue Oct 06 22:22:00 CST 2015 0 19287
(AngularJS)Angular指令 ng-if, ng-show/ng-hide, ng-switch 使用

开头 最近在做一个项目改版,第一次在项目中真正使用Angular,和平时自己写写小demo,做做练习的感觉还是非常不同的,感觉非常的新鲜。有几个指令是经常用到的,这里由于这几个有点共性,所以一起介绍一下ng-if,ng-show/ng-hide,ng-switch 这几个指令。 共性 ...

Thu Apr 07 06:15:00 CST 2016 1 12825
AngularJS:如何使用自定义指令来取代ng-repeat

引言 本文主要介绍了另一种即具有与ng-repeat 一样处理大量数据的绑定的功能,又具有超高的性能。 对于处理小数量,ng-repeat是非常有用的,但是如果需要处理非常大的数量集,还是采用自定义的方法更好一些。 也别是数据大多都是静态的或已预存储好的,这个时候应避免使用 ...

Fri May 27 16:57:00 CST 2016 5 2257
AngularJSng-options指令

1.基本下拉效果(lable for value in array)   其中select标签中的ng-model属性必须有,其值为选中的对象或属性值。    <div ng-controller="ngselect"> <p>usage ...

Tue Jun 16 17:18:00 CST 2015 0 5526
走进AngularJs(三)自定义指令-----(上)

一、有感而发的一些话   在学习ng之前有听前辈说过,angular上手比较难,初学者可能不太适应其语法以及思想。随着对ng探索的一步步深入,也确实感觉到了这一点,尤其是框架内部的某些执行机制,其复杂程度并非是我现在的功力能够理解的,只能是知其皮毛。我现在学习的途径是官方文档 ...

Mon Oct 28 09:07:00 CST 2013 17 13558
AngularJS 指令ng-style

用途 ng-style 属性用来设置元素的style属性的css值。 用法 ng-style指定的表达式必须是个单层的json对象,key和value对应css属性的名称和值。注意如果css属性名中有“-”连接符,需要用引号括起来。 还有一个比较 ...

Wed Oct 07 00:52:00 CST 2015 0 14547
走进AngularJs(四)自定义指令----(中)

  上一篇简单介绍了自定义一个指令的几个简单参数,restrict、template、templateUrl、replace、transclude,这几个理解起来相对容易很多,因为它们只涉及到了表现,而没有涉及行为。这一篇将继续学习ng自定义指令的几个重量级参数,了解了它们之后我们的custom ...

Thu Oct 31 06:40:00 CST 2013 7 7190
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM