Angularjs[22]

指令：利用指令来扩展HTML标签，增加声明式语法来实现想做的任何事，可以应用有特殊意义的元素和属性来替换一般的HTML标签。

渲染指令：

ng-init：初始化应用时创建一个变量；
ng-bind：使用给定的变量或表达式的值来替换 HTML 元素的内容；
ng-repeat：

$index：当前索引；
$first：是否为第一个元素；
$middle：是否为非头非尾元素；
$last：是否为尾元素；

ng-include：包含外部 HTML 文件。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <div ng-app="myApp">
        <p>{{1+1}}</p>
        <p ng-bind="1+1"></p>

        <!--$scope.cityArr = ['上海','北京','南京'];-->
        <ul ng-init="cityArr = ['上海','北京','南京']">
            <li ng-repeat="city in cityArr">
                <span>
                    index:{{$index}}
                </span>
                <span>
                    first:{{$first}}
                </span>
                <span>
                    middle:{{$middle}}
                </span>
                <span>
                    last:{{$last}}
                </span>
                <span>
                    {{city}}
                </span>
            </li>
        </ul>

        <div ng-include="'other.html'"></div>
        <div ng-include src="'other.html'"></div>
    </div>

<script type="text/javascript" src="../../vendor/angular/angularjs.js"></script>
<script type="text/javascript" src="app/index.js"></script>
</body>
</html>