首頁 > web前端 > js教程 > angularjs依賴注入

angularjs依賴注入

一个新手
發布: 2017-10-11 09:40:28
原創
1230 人瀏覽過

將程式碼部署到線上,都會對程式碼做壓縮。壓縮會刪除所有的註解、刪除沒有語意的空白字元、盡可能的簡化變數的名稱(混淆),但是數字、字串、關鍵字是不會改變的。 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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板