资源描述:
《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}}