ホームページ >ウェブフロントエンド >jsチュートリアル >angularjsの依存関係の注入
angularjsの依存関係の注入
- 一个新手オリジナル
- 2017-10-11 09:40:281194ブラウズ
コードがオンラインでデプロイされる場合、コードは圧縮されます。圧縮により、すべてのコメントが削除され、意味のない空白文字が削除され、変数名が可能な限り単純化されます (難読化) が、数値、文字列、およびキーワードは変更されません。 angularjs の依存関係注入には、マークされた依存関係の注入、インラインの依存関係の注入、および推論 (推測) の 3 つのタイプがあります。公式に推奨されているインライン依存性注入
次の例ではインライン依存性注入を使用しています
html
<!DOCTYPE html><html ng-app="myApp"><head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="js/angular.js"></script>
<script src="js/demo13.min.js"></script></head><body><p ng-controller="myCtrl">
<button ng-click="handleClick()">
clickMe </button></p></body></html>js コード
：
var app = angular.module('myApp', ['ng']);
app.factory('$student', function () { return {
checkScore: function () { return 80;
}
}
})
//推断式依赖注入
/*app.controller('myCtrl', function ($scope, $student) {
$scope.handleClick = function () {
$student.checkScore();
}
});*/
//行内式依赖注入
app.controller('myCtrl',
["$scope", "$student", function ($scope, $student) {
$scope.handleClick = function () {
console.log($student.checkScore());
}
}]);以上がangularjsの依存関係の注入の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。