[angularjs] angularjs系列笔记(一)简介
2016-03-15 23:29
549 查看
Angularjs通过新的属性和表达式扩展了html
Andularjs 可以构建一个单一页面的应用程序(SPAS SinglePageApplications)
Angularjs通过指令扩展了html,通过表达式绑定数据到html
ng-app指令定义Angularjs的应用程序
ng-model指令绑定元素值到应用程序
ng-bind指令把应用程序数据绑定到html视图
AngularJs的指令是以ng作为前缀的html属性
ng-init指令初始化AngularJs应用程序的变量
AngularJs的表达式写在双大括号内:{{表达式}}
AngularJs的表达式把数据绑定到html,这与ng-bind指令有异曲同工之妙
AngularJs将在表达式输出的定义的位置输出数据
AngularJs模块(Module)定义了AngularJs应用
AngularJs控制器(Controller)用于控制AngularJs应用
ng-app指令定义了应用,ng-controller指令定义了控制器
Andularjs 可以构建一个单一页面的应用程序(SPAS SinglePageApplications)
Angularjs通过指令扩展了html,通过表达式绑定数据到html
ng-app指令定义Angularjs的应用程序
ng-model指令绑定元素值到应用程序
ng-bind指令把应用程序数据绑定到html视图
<div ng-app=""> <input type="text" ng-model="name"> <p ng-bind="name"></p> </div>
AngularJs的指令是以ng作为前缀的html属性
ng-init指令初始化AngularJs应用程序的变量
AngularJs的表达式写在双大括号内:{{表达式}}
AngularJs的表达式把数据绑定到html,这与ng-bind指令有异曲同工之妙
AngularJs将在表达式输出的定义的位置输出数据
<div ng-app="" ng-init="myName='taoshihan'"> <input type="text" ng-model="name"> <p ng-bind="name"></p> <p ng-bind="myName"></p> <p>{{5+5}}</p> </div>
AngularJs模块(Module)定义了AngularJs应用
AngularJs控制器(Controller)用于控制AngularJs应用
ng-app指令定义了应用,ng-controller指令定义了控制器
<body> <div ng-app="Home" ng-controller="index"> <p>{{myName}}</p> </div> </body> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> <script type="text/javascript"> //实例化应用对象,参数:模块名,空数组 var app=angular.module("Home",[]); //调用应用对象的controller()方法,参数:控制器名,回调函数 app.controller("index",function($scope){ $scope.myName="taoshihan"; }) </script>
相关文章推荐
- AngularJS实现鼠标右键事件
- 从 AngularJS 模块定义说起
- AngularJS介绍 - 下一个大框架
- angularjs---思维导图 01
- 细说Angular ng-class
- AngularJS入门(一)
- 我的angularjs源码学习之旅3——脏检测与数据双向绑定
- 安装Yeoman + Bower + Grunt 创建angularjs 项目结构(新手笔记一)
- AngularJS UI 扩展 AngularUI
- asp.net mvc+angularjs+web api单页应用
- AngularJS入门
- AngularJS 中的Promise --- $q服务详解
- [POJ] 1948 Triangular Pastures (DP)
- js框架 AngularJS+Bootstrap
- AngularJS vs. jQuery,看看谁更胜一筹
- AngularJS in Action读书笔记4(实战篇)——创建Statistic模块
- 在Asp.Net MVC中使用AngularJS的路由
- Angular之双向数据绑定基础
- 使用AngularJS实现一个简单页面
- angularjs 学习笔记