Rumah > Artikel > hujung hadapan web > angularjs依赖注入

angularjs依赖注入

一个新手asal: 2017-10-11 09:40:281173semak imbas

将代码部署到线上，都会对代码做压缩。压缩会删除所有的注释、删除没有语义的空白字符、尽可能的简化变量的名称（混淆），但是数字、字符串、关键字是不会改变的。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());
    }
  }]);

Atas ialah kandungan terperinci angularjs依赖注入 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：如何在jquery中设置定时刷新Artikel seterusnya：显示时间的方法

Artikel berkaitan

Lihat lagi