一、前言早已听说AngularJS的大名,并在很久前也编写过些小demo,但是都没有系统学习过。由于,在下个版本项目中需要用到AngularJS,so,那就一起再来研究研究呗。说到,这个AngularJS,其核心就是对HTML标签的增强。何为HTML标签增强?其实就是使你能够用标 ...
早已听说AngularJS的大名,并在很久前也编写过些小demo,但是都没有系统学习过。由于,在下个版本项目中需要用到AngularJS,so,那就一起再来研究研究呗。
说到,这个AngularJS,其核心就是对HTML标签的增强。
何为HTML标签增强?
其实就是使你能够用标签完成一部分页面逻辑,具体方式就是通过自定义标签、自定义属性等,这些HTML原生没有的标签/属性在ng中有一个名字:指令(directive)。
至于说AngularJS是MVC,亦或MVVM框架?
都不是,它是MVW,最后的W意思就是说whatever,固有些人也称其为MV*。其中含义,以后实践久了,应该就豁然开朗了,至于现在,move on吧。
啊,苍茫的天涯是我的爱,绵绵的青山脚下花会开,什么样的节奏是最呀最摇摆,什么样的歌声才是最开怀~~~
现在这个年代,人非草木,什么都得有情怀,不然还混不下去了。所以,接下来我们编写个小demo,来抒发我们的抱负。
这个demo要实现的功能很简单,就是在input框中,输入自定义内容,如hello world,间接改变另一显示区域。
前提:如若没有angular.js文件,请点击这里(here)。
实现代码如下:
<!DOCTYPE html> <head> <meta charset="utf-8"/> <script src='/images/loading.gif' data-original="angular.js"></script> </head> <body ng-app> <input type="text" ng-model="custom"/> <h1>{{custom}}</h1> </body></html>
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:初探AngularJS
关键词:JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。