一、下载安装
1.6.2版本zip
二、核心特性
1.MVC
核心概念：数据的管理（Model）、数据的展示（View）、业务逻辑控制（Controller）
2.双向数据绑定（MVVM）
Augular实现了双向绑定机制。所谓的双向绑定，是从界面的操作能实时反映到数据，数据的变更能实时展现到界面。
3.模块化与依赖注入
AngularJS模块是一种容器，把代码隔离并组织成简洁，整齐，可复用的块。可通过定义起提供的对象构建模块。通过依赖注入将模块连接在一起，构建一个完整的应用程序。
依赖注入：定义依赖对象并动态地把它注入另一个对象，使得所有的依赖对象所提供的功能都能上使用。
4.指令
指令可以用来创建自定义的标签。它们可以用来装饰元素或者DOM属性。
三、数据绑定
1.ng-app
ng-app指令是告诉AngularJS应该管理页面中的哪一块，简单来讲就是指的是AngularJS的作用域。
ng-app是定义在HTML标签的属性上面，该属性的值可以为空。
AngularJS使用双大括号{ {}}语法进行数据绑定。
2.ng-init
ng-init初始化当前作用域中的模型的值。
<h1 ng-init="a=1;b='哈哈';c={'name':'xx','age':21}"></h1>
<h2>{
{
a}}</h2>
<h2>{
{
b}}</h2>
<h2>姓名：{
{
c.name}}</h2>
<h2>年龄：{
{
c.age}}</h2>
3.ng-model
ng-model指令绑定了HTML表单元素到数据模型中。
<body ng-init="p={'name':'xx','age':21}">
<h1>姓名：{
{
p.name}}</h1>
<h1>年龄：{
{
p.age}}</h1>
<input type="text" ng-model="p.name">
<input type="number" ng-model="p.age">
</body>
四、模块和控制器
1.模块的创建
语法：angular.module(“app”,[]);
参数说明：
1.name（字符串）
name是模块的名称，字符串变量。
2.requires（字符串数组）
requires包含了一个字符串变量组成的列表，每个元素都是一个模块名称，本模块依赖于这些模块，依赖需要在本模块加载由注入器进行预加载。
<body>
<div>{
{1+2}}</div>
</body>
<script>
angular.module("app",[]);
</script>
2.控制器
<body ng-controller="ctrl">
<h1>{
{
name}}</h1>
</body>
<script>
var myApp = angular.module("app",[]);
myApp.controller("ctrl",["$scope",function($scope) {
$scope.name= "
最低0.47元/天 解锁文章
2507
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
