[學習筆記]aj補充

ng-app
ng-model
{{}} 雙括號標記 將模型變量添加到文本中
優點:不用另外註冊一個事件偵聽器或添加事件處理程序

雙向數據綁定:
輸入框的任何變更會立即反映到模型變量
模型變量的任何變更會立即反映到文本中

angularjs 模型-視圖-控制器設計模式

模型:JavaScript對象,數組,基本類型

視圖:
模板Templates,指HTML和css文件,可以自定義HTML標記

控制器:
應用程序的邏輯和行爲,
不需要另外註冊事件監聽器或DOM控制器,
代碼根據容易編寫、理解、維護

自定義 directive
controller
過濾器 大小寫(uppercase, lowercase),貨幣(currency), filter, orderBy
服務service

<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <title>aj</title>
    <script type="text/javascript" src="angular.js"></script>
    <script>
        var app = angular.module('myApp', []);

        //controller
        function myCtrl($scope, $rootScope) {
            $scope.name = ["cc", "aa", "bb"];
            $rootScope.lastName = "pertril";
        }
    </script>
</head>
<body  ng-controller="myCtrl">

    <!--<div >-->
        <!--<input ng-model="name">-->
        <!--<h1> {{name}}</h1>-->
    <!--</div>-->

    <ul>
        <li ng-repeat="x in name | orderBy:'name'"> {{x}} {{lastName}}</li>
    </ul>

</body>
</html>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章