angular1 学习

1、如果页面上指明了应用和控制层（ng-app/ng-controller），主要是ng-app的值不为空的时候，就需要用js去定义和控制应用，初始化数据

<div ng-app="my-app" ng-controller="myCtro">
  <p>名字 : <input type="text" ng-model="name"></p>
  <h1>Hello {{name}}</h1>
</div>
<script>
    var app = angular.module("my-app",[]);
    app.controller("myCtro", function($scope) {
        $scope.name = "";
    })
</script>

2、循环（ng-repeat）

3、自定义指令

要调用自定义指令，HTML 元素上需要添加自定义指令名。

使用驼峰法来命名一个指令， runoobDirective, 但在使用它时需要以 - 分割, runoob-directive:

<runoob-directive></runoob-directive>

<script>
var app = angular.module("myApp", []);
app.directive("runoobDirective", function() {
    return {
        template : "<h1>自定义指令!</h1>"
    };
});
</script>

调用指令：

• 元素名（E）

  <runoob-directive></runoob-directive>

• 属性（A）

  <div runoob-directive></div>

• 类名（C）

  <div class="runoob-directive"></div>

• 注释（M）

  <!-- directive: runoob-directive -->

  注意：可以通过添加 restrict 属性,并设置值，来设置指令只能通过属性的方式来调用

  app.directive("runoobDirective", function() {
      return {
          restrict : "A",
          template : "<h1>自定义指令!</h1>"
      };
  });

4、模型（ng-model）