AngularJs初接触
来源:互联网 发布:淘宝闲鱼app下载 编辑:程序博客网 时间:2024/06/05 17:58
虽然是java开发,但是总会接触到一些前端的知识,以前做Web只是和Jsp打交道,但是看到了Angularjs,感觉理念很好,感觉很有新鲜感。。。
被称为前端的MVC(Model-view-Controller)
感觉学习任何一个新的知识点,helloworld永远是不变的起点,今天我就用helloworld来开始我的AngularJs的学习之路。。。
以下是我按照案例写的一个HelloWorld的案例:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<
html
ng-app
=
'helloApp'
>
<
head
>
<
meta
charset
=
"utf-8"
>
<
title
>AngularHello</
title
>
<
script
type
=
"text/javascript"
src
=
"../js/angular/angular.js"
></
script
>
<
script
type
=
"text/javascript"
src
=
"../js/angularDemo/controller.js"
></
script
>
</
head
>
<
body
>
<
div
ng-controller
=
'Hello'
>
<
input
ng-model
=
"greeting.text"
/>
<
p
><
span
ng-bind
=
"greeting.text"
></
span
><
span
>,world</
span
></
p
>
</
div
>
</
body
>
</
html
>
controller.js如下
1
2
3
4
5
var
helloApp = angular.module(
"helloApp"
,[]);
helloApp.controller(
"Hello"
,
function
($scope) {
$scope.greeting = {text:
'hello'
};
});
运行结果如下:
没有什么dom操作,什么都没有做就可以将值绑定在上面了,是不是很神奇呢.........
0 0
- AngularJS初接触
- AngularJs初接触
- 接触AngularJS
- 初接触Tomcat
- .Net Assembly初接触
- 消息初接触
- Webwork2初接触
- 消息初接触
- python初接触
- PHP初接触
- buffalo初接触
- Web Services 初接触
- Web Services 初接触
- 工作流初接触
- Appfuse初接触
- CSDN初接触
- explain plan初接触
- 1-jasperreport初接触
- 。。
- 手贱做空
- ulimit -c unlimited
- Windows下zabbix客户端的安装
- 设置Java的编码方式
- AngularJs初接触
- 数据结构实验之查找五:平方之哈希表
- snort本地pcap包检测
- 正则表达式
- Pig_6. 数据摄取 & 输出 -- NoSQL 数据 -- 待完善
- java用户输入判断保存到文件中(会覆盖原数据)
- 360黑科技插件开发框架 DroidPlugin demo 下载
- codeforces 416C Booking System (贪心)
- 开发板挂载NFS文件系统