AngularJS 学习(-)Hello world
2024-09-04 12:14:42
早期的AngularJS使我们的前端开发模式发生很大的变化,基使用MVC。 Model - html 模板;Controller - js脚本; Model 来自于Web API 或其他Service的 JSON 或XML数据。随着$scope的引用,现在的AngularJS越来越像MVVM了. 支持双向绑定,依懒注入等各种MVVM的特性。这方面的介绍,网上很多,就不多说了。
上代码,我的第一个 Angular JS. Hello world.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="angular.js"></script>
<title>Hello World</title>
</head>
<body>
<div ng-app>
<input ng-model="text" type="text" placeholder="please input.." />
<h2>Hello {{text || 'world'}}</h2>
</div>
</body>
</html>
ng-app: 作用域。此标记指示angular js只处理该<div>标记内的DOM。一个html页面中可以有一个或多个 ng-app.
ng-model: 数据绑定,当前数据绑定为双向绑定。
有兴趣的朋友,可以拷出去自己试一下。angular.js文件。请自行下载。
最新文章
- 精妙SQL语句收集
- Eplan中电缆源和目标的确定规则
- hdu 4024 二分
- 深入浅出Java垃圾回收机制
- centos 服务器操作
- Can Live View boot up images acquired from 64bit OS evidence?
- Oralce 字符串截取
- PHP 5:PHP语法导向
- 2--OC -- 类的创建与实例化
- PO模型
- 【3】JVM-OutOfMemory异常重现
- hdoj1373 Channel Allocation(极大团)
- centos7安装kafka_2.11-1.0.0 新手入门
- 完美解决 开机无法启动 提示0xc000000e
- 浅谈Job&;JobDetail
- Solidworks的Toolbox拖出来的零件另存也没用,重新打开之后被自动替换怎么办
- python web框架 推荐
- js添加、修改、删除xml节点例子
- rpc通信模型
- AC日记——逃离僵尸岛 洛谷 P3393
热门文章
- Binder学习笔记(七)—— ServiceManager如何响应addService请求
- ubuntu - 14.04,创建菜单
- Oracle SQL判断字符串是否在目标字符串中的函数
- 浅识J2EE十三个规范
- 云端搭建Linux学习环境 链接https://edu.aliyun.com/article/19 (阿里云ECS服务器 )课堂
- Reincarnation HDU - 4622
- 最短路【bzoj2464】: 中山市选[2009]小明的游戏
- [USACO06NOV]糟糕的一天Bad Hair Day BZOJ 1660 单调栈
- Python自动化开发学习20-Django的form组件
- jQuery 全屏滚动插件 fullPage.js 参数说明