angularjs60分钟入门基础教程_angularjs

angularjs60分钟入门基础教程_angularjs

ID:30773376

大小:555.68 KB

页数:16页

时间:2019-01-03

angularjs60分钟入门基础教程_angularjs_第1页
angularjs60分钟入门基础教程_angularjs_第2页
angularjs60分钟入门基础教程_angularjs_第3页
angularjs60分钟入门基础教程_angularjs_第4页
angularjs60分钟入门基础教程_angularjs_第5页
资源描述:

《angularjs60分钟入门基础教程_angularjs》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、Angularjs是一个不错的用于开发SPA应用(单页Web应用)的框架。单页Web应用(singlepagewebapplication,SPA),就是只有一张Web页面的应用。浏览器一开始会加载必需的HTML、CSS^11JavaScript,所有的操作都在这张页而上完成,由JavaScript来控制不同view在这个页而上的呈现。本文源于Youtube上一个不错的Angularjs的入门教程视频:AngularJSFundamentalsIn60-ishMinutes,主要讲解了Angularj

2、sDirective,DataBinding,Filter和Module的概念和用法。个人认为这卩耳个概念是Angularjs的核心,支撑起了Angularjs的骨架。掌握了他们对全局上把握Angularjs很有帮助。进阶则需要大量实践和官网API文档的阅读。看看下图大致就可以了解Angularjs冇何能耐。首先从官网下载angular,min.js和angular-route,min.js。可以从官网下载(https://angularjs.org/或https://code.angularjs.o

3、rg/)在VS中创建一个空的EmptyWeb项目。NewASP.NETProject-FirstAngularJsDirective和DataBindingAngularjs中的Directive概念不是很容易理解,入门阶段可暂且将其理解为用来扩展HTML的一种tag.Angularjs会解析这些tag,以实现Angularjs的Magic.下面代码使用了两个Directive:ng-app和ng-model.ng-app:用于auto-bootstrap一个Angularjs应用。这是必须的一个Di

4、rective,一般加在HTML的根对彖上(如下代码所示)。更详细解释,移步官网:https://docs.angularjs.org/api/ng/directive/ngAppngModel:用于在property和HTML控件(input,select,textarea)之间建立双向的DataBinding,也就是说HTML控件的值改变会反应至ljproperty±,反过来也同样成立。property就是通过{{}}创建的一个对彖。卜而代码展示了将文本控件和nameZ间建立了DataBindin

5、g.UsingDirectivesandDataBindingSyntaxName:{{name}}

Directive可以用“x-”或者“血询-”作为前缀。

6、Directive可以放置于元索名、属性、class、注释中。〈htmldata-ng-app=,,,,>UsingDirectivesandDataBindingSyntaxName:{{name}}

7、t>卜•而是HTML运行以后的结果。昔卜口二localhost「匚二丁二3(二二•…mlName:HelloAngularJsHelloAngularJs下面例子展示了通过ng-init和ng-repeat来遍历操作一个数组的用法。Iteratingwiththeng-repeatDirective

8、r,zdata-ng-init二〃names二['Terry}'William','Robert,,'Henry']〃>

Loopingwiththeng-repeatDirective

〈/script>Loopingwiththeng-

当前文档最多预览五页,下载文档查看全文
侵权申诉

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签