アングラルJS(一)――ゼロからアングラーJS
2210 ワード
もう短い時間を使っていますが、AnglarJSについての理解はまだ浅いです.システムの勉強もしていません.下にゆっくりと来てください.システムの整理はAnglarJSをします.
簡単に言えば、2ステップだけで、ハイエンドの大気レベルの
1.index.は、一つの は、宣言 終わります
参考資料:
『AnglarJS権威教程』の著者:Ari Lerner訳者:趙望野徐飛何鵬飛
filter directive などの比較的高級な特性があります.ナンセンスはともかく、一編目はアングラーJSの使い方を見てみましょう.簡単に言えば、2ステップだけで、ハイエンドの大気レベルの
serviceに基づくAnglarJSを使用できる.1.index.
<!doctype html>
<html lang="zh-cmn-Hans">
<head>
<base href="../">
<!-- <meta> -->
<title>Learn AngularJS</title>
</head>
<body ng-app="LearnModule" ng-cloak>
<div ng-controller="FirstController">
<!-- {{ }} $scope.person.name -->
<p>My Name Is {{ person.name }}.</p>
</div>
<div ng-controller="SecondController">
<p>There Is {{ money }} Money.</p>
</div>
<script src="angular-1.3.15/angular.js"></script>
<script src="index.js"></script>
</body>
</html>// module
var app =angular.module("LearnModule", []);
// controller
app.controller("FirstController", [ //
"$scope",
function($scope) {
$scope.person = {};
$scope.person.name = "Lucy";
}
]);
// controller
app.controller("SecondController", [
"$scope",
"$filter",
function($scope, $filter) {
$scope.money = $filter("currency")(12.5);
}
]);MVCページにおいて一つのhtmlだけの存在を許可し、一つのmoduleの下で複数のmoduleを宣言することができる. controllerでは、htmlコマンドを使用して、どのng-controllerを使用するかを指定します.controllerにAnglarJSの依存注入特性を使用し、[]の文字列形式で明示的な声明を通してどのモジュールに依存し、[]の最後のcontrollerに入力したかを示しています.もちろん、functionのパラメータ名はカスタム可能ですが、原則として注入名と同じです.function($scope,$filter)オブジェクトはAnglarJSでデータモデル(M)として機能しているが、従来のデータモデルとは異なり、$scopeはデータの処理と操作を担当していない.これはビュー(V)と$scope(V)の間の橋ときずなだけである.参考資料:
『AnglarJS権威教程』の著者:Ari Lerner訳者:趙望野徐飛何鵬飛