angular.js学习
2015-12-30 10:22
597 查看
1.第一个小例子
实例讲解:
当网页加载完毕,AngularJS 自动开启。
ng-app 指令告诉 AngularJS,<div> 元素是 AngularJS 应用程序的"所有者"。
ng-model 指令把输入域的值绑定到应用程序变量 name。
ng-bind 指令把应用程序变量 name 绑定到某个段落的 innerHTML。
2.angular.js表达式
AngularJS 表达式写在双大括号内:{{ expression }}。
AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。
AngularJS 将在表达式书写的位置"输出"数据。
AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字、运算符和变量。
实例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }}
<!DOCTYPE html> <html> <body> <div ng-app=""> <p>在输入框中尝试输入:</p> <p>姓名:<input type="text" ng-model="name"></p> <p ng-bind="name"></p> </div> <script src="./angular.min.js"></script> </body> </html>
实例讲解:
当网页加载完毕,AngularJS 自动开启。
ng-app 指令告诉 AngularJS,<div> 元素是 AngularJS 应用程序的"所有者"。
ng-model 指令把输入域的值绑定到应用程序变量 name。
ng-bind 指令把应用程序变量 name 绑定到某个段落的 innerHTML。
2.angular.js表达式
<!DOCTYPE html> <html> <body> <div ng-app=""> <p>我的第一个表达式{{5+5}}</p> </div> <script src="./angular.min.js"></script> </body> </html>
AngularJS 表达式写在双大括号内:{{ expression }}。
AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。
AngularJS 将在表达式书写的位置"输出"数据。
AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字、运算符和变量。
实例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }}
相关文章推荐
- FastJson 泛型转换踩坑
- ngjs 的ng-class的用法
- fastjson-1.2.7.jar集成扩展,通用json文本解析源码
- JS模板引擎-腾讯artTemplate 简洁语法例子
- Jsonp 关键字详解及json和jsonp的区别,ajax和jsonp的区别
- [ActionScript 3.0] AS3 实现XML转换成JSON
- JSON 序列化与弱类型
- [ActionScript 3.0] AS 实现JSON转换为XML
- 安卓Json介绍(转)。
- C# 操作JSON字符串用于与网页中的返回数据进行互动
- JS简单正则得到字符串中特定的值
- JavaScript正则表达式解析URL的技巧
- js验证input是否输入数字
- javascript 面向对象的继承的实现
- WebSphere7 找不到用于处理 JSP 的扩展处理器
- js笔记(1)
- laydate.js时间选择
- 每天一个JavaScript实例-处理textarea中的字符成每一行
- 处理MVC中默认的Json方法返回时间的问题
- JSON返回DateTime/Date('123123123')/解决办法