AngularJS学习1

1.指令：ng为前缀

  ng-init--初始化

  ng-app:定义一个AngularJS应用程序

  ng-model:将一个元素值绑定到应用程序

  ng-bind:将应用程序数据绑定到HTML视图

2.作用：
  AngularJS 把应用程序数据绑定到 HTML 元素。
  AngularJS 可以克隆和重复 HTML 元素。
  AngularJS 可以隐藏和显示 HTML 元素。
  AngularJS 可以在 HTML 元素"背后"添加代码。
  AngularJS 支持输入验证。

3.HTML5兼容：

  HTML5 允许扩展的（自制的）属性，以 data- 开头。
  AngularJS 属性以 ng- 开头，可以使用 data-ng- 来让网页对 HTML5 有效。

4.AngularJS表达式：

  表达式用{{}}括起来

  表达式将数据绑定到HTML

  表达式包括：运算符，变量和文字（例如：{{ 5 + 5 }} 或 {{ firstName + " " + lastName }}）

5.AngularJS应用：

  module:定义一个应用程序（指令为ng-app）

  controller:用于控制应用（指令为ng-controller）

例如：

<div ng-app="myApp" ng-controller="myCtrl">
名: <input type="text" ng-model="firstName"><br>
姓: <input type="text" ng-model="lastName"><br>
<br>
姓名: {{firstName + " " + lastName}}
 
</div>
 
<script>
var app = angular.module('myApp', []);--定义应用
app.controller('myCtrl', function($scope) {--控制器控制应用
    $scope.firstName= "John";
    $scope.lastName= "Doe";
});
</script>