AngularJS初識ノート

4418 ワード

AngularJS

test.html:

<!DOCTYPE html>

<html lang="en" ng-app>

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

    <div ng-controller="HelloAngular">

        <p>{{greeting.text}},Angular</p>

    </div>

</body>

<script src="http://cdn.bootcss.com/angular.js/1.0.3/angular.min.js"></script>

<script src="HelloAngular.js"></script>

</html>

ng-appは、Angularエンジンがここから管理すべき内容であることを伝えた.
ng-controller:コントローラコントローラの設定
次のようになります.

    <div ng-controller="HelloAngular">

        <p>{{greeting.text}},Angular</p>

    </div>

ビュー
HelloAngular.js:

function HelloAngular($scope){

    $scope.greeting = {text:'Hello'};

}

次のようになります.

HelloAngular

コントローラで、

$scope.greeting = {text:'Hello'};

データモデルです.
$scopeはMVCのData-MOdelの役割を果たします.これはPOJO(Plain Old Javascript Object)です.$watch()/$apply()というツールメソッドを提供します.これは式の実行環境(または役割ドメイン)です.DOMラベルと平行で、サブ$scopeオブジェクトは$scope上の属性を継承し、各Angularアプリケーションには1つのルート$scopeオブジェクト(一般的にng-app上に位置する)しかありません.$scopeは、DOMイベントのようなイベントを伝播し、上にも下にも伝播します.
Angularは$injectorを使用して$scopeオブジェクトを自動的に注入します

出力:

Hello,Angular

Django - migrate no migrations to apply(mysql)