AngularJS快速上手
来源:互联网 发布:excel数据有效性设置跨 编辑:程序博客网 时间:2024/06/06 07:00
各个 angular.js 版本下载: https://github.com/angular/angular.js/releases
AngularJS 是以一个 JavaScript 文件形式发布的,可通过 script 标签添加到网页中:<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
AngularJS 通过 ng-directives 扩展了 HTML。
ng-app 指令定义一个 AngularJS 应用程序。
ng-model 指令把元素值(比如输入域的值)绑定到应用程序。
ng-bind 指令把应用程序数据绑定到 HTML 视图。
实例1:
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title><script src="libs/angular.min.js"></script></head><body><div ng-app=""> <p>名字 : <input type="text" ng-model="name"></p> <h1>Hello {{name}}</h1></div></body></html>
实例讲解:
当网页加载完毕,AngularJS 自动开启。
ng-app 指令告诉 AngularJS,<div> 元素是 AngularJS 应用程序 的"所有者"。
ng-model 指令把输入域的值绑定到应用程序变量 name。
ng-bind 指令把应用程序变量 name 绑定到某个段落的 innerHTML。
阅读全文
0 0
- Play!+AngularJS快速上手
- AngularJS快速上手
- 快速上手
- AngularJS入门之如何快速上手(详细讲解什么是angular)
- AngularJS入门之如何快速上手续集(详细讲解什么是angular)
- AngularJS入门之如何快速上手(详细讲解什么是angular)
- AngularJS入门之如何快速上手(详细讲解什么是angular)
- Eclipse快速上手指南
- Eclipse快速上手指南
- Pro*C快速上手
- Eclipse快速上手指南
- Eclipse快速上手指南
- 传真机快速上手
- 快速上手Cruisecontrol
- delphi之快速上手
- [AppFuse]快速上手
- JasperReports快速上手
- MyEclipse Struts 快速上手
- C++语言基础
- Spring Data(概述+hello world)
- [CSS] 常用技巧
- 统计`数组`元素出现的次数
- requests库入门-14-HTTP基本认证
- AngularJS快速上手
- 【bug记录】<a>标签IE下无法响应
- 【Android 应用开发】GitHub 优秀的 Android 开源项目
- Hdu 2059 龟兔赛跑
- Android Game,J2EE,J2EE+物联网的分析与规划
- android studio的使用
- 网站pv/uv/ip指标解释说明
- css3新增伪类选择器
- react-native 项目学习