AngularJS基础教程之简单介绍_AngularJS

　　ng-model指令将input标签的值绑定给变量name。

　　ng-bind指令将变量name的值绑定给

元素的innerHTML属性。

AngularJS指令

　　就如你所看到的，AngularJS指令就是一组以ng开头的HTML属性。

　　通过ng-init指令可以将AngularJS Application的变量进行初始化。

 
The name is 
 

等效的代码：

 
The name is 
 

Note 你可以使用前缀data-ng-来代替ng-，这样可以确保页面上的HTML是有效的（valid）。
　　在后面的章节中你将会学习到更多的AngularJS指令。

AngularJS表达式

　　AngularJS表达式写在双大括号中：{{ 表达式语句 }}。

　　AngularJS会准确地将表达式“输出”为计算的结果，例如：

    
 
My first expression: {{ 5 + 5 }}
 
  

　　AngularJS表达式绑定数据到HTML的方式与ng-bind指令的方式相同。

    
 
Name: 
 
{{name}}
 
  

　　在后面的章节中你将会学习到更多有关AngularJS表达式的内容。

AngularJS Application

　　AngularJS模块定义了AngularJS Applications。

　　AngularJS控制器则控制着AngularJS Applications的行为。

　　ng-app指令用于指定application，而ng-controller指令则用来指定控制器。

 First Name: 
 Last Name: 
 
 Full Name: {{firstName + " " + lastName}} 
 

　　AngularJS模块定义applications：

var app = angular.module('myApp', []); 　　AngularJS控制器控制AngularJS Applications的行为： app.controller('myCtrl', function($scope) { $scope.firstName= "John"; $scope.lastName= "Doe"; });

　　在后面的章节中你将会学习到更多有关模块和控制器的内容。