你的位置:首页 > 软件开发 > Java > 初探AngularJS

初探AngularJS

发布时间:2016-08-08 23:00:09
一、前言早已听说AngularJS的大名,并在很久前也编写过些小demo,但是都没有系统学习过。由于,在下个版本项目中需要用到AngularJS,so,那就一起再来研究研究呗。说到,这个AngularJS,其核心就是对HTML标签的增强。何为HTML标签增强?其实就是使你能够用标 ...

初探AngularJS

一、前言

早已听说AngularJS的大名,并在很久前也编写过些小demo,但是都没有系统学习过。由于,在下个版本项目中需要用到AngularJS,so,那就一起再来研究研究呗。

说到,这个AngularJS,其核心就是对HTML标签的增强。

何为HTML标签增强?

其实就是使你能够用标签完成一部分页面逻辑,具体方式就是通过自定义标签、自定义属性等,这些HTML原生没有的标签/属性在ng中有一个名字:指令(directive)。

至于说AngularJS是MVC,亦或MVVM框架?

都不是,它是MVW,最后的W意思就是说whatever,固有些人也称其为MV*。其中含义,以后实践久了,应该就豁然开朗了,至于现在,move on吧。

二、一切从hello world开始

啊,苍茫的天涯是我的爱,绵绵的青山脚下花会开,什么样的节奏是最呀最摇摆,什么样的歌声才是最开怀~~~

现在这个年代,人非草木,什么都得有情怀,不然还混不下去了。所以,接下来我们编写个小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

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。