angularjs依賴注入

一个新手原創: 2017-10-11 09:40:281169瀏覽

將程式碼部署到線上，都會對程式碼做壓縮。壓縮會刪除所有的註解、刪除沒有語意的空白字元、盡可能的簡化變數的名稱（混淆），但是數字、字串、關鍵字是不會改變的。 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(&#39;myApp&#39;, [&#39;ng&#39;]);

app.factory(&#39;$student&#39;, function () {  return {
    checkScore: function () {      return 80;
    }
  }
})

//推断式依赖注入
/*app.controller(&#39;myCtrl&#39;, function ($scope, $student) {

 $scope.handleClick = function () {
 $student.checkScore();
 }
 });*/

//行内式依赖注入
app.controller(&#39;myCtrl&#39;,
  ["$scope", "$student", function ($scope, $student) {
    $scope.handleClick = function () {
      console.log($student.checkScore());
    }
  }]);

以上是angularjs依賴注入的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：如何在jquery中設定定時刷新下一篇：如何在jquery中設定定時刷新

看更多