今天就跟大家聊聊有關angular中控制器、服務和指令的關系是什么，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

平遙網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、APP開發(fā)、響應式網(wǎng)站設計等網(wǎng)站項目制作，到程序開發(fā)，運營維護。創(chuàng)新互聯(lián)2013年開創(chuàng)至今到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設就選創(chuàng)新互聯(lián)。

從總體來看，這三個組件的關系如下所示：

• 服務負責從遠端服務器抓取和存儲數(shù)據(jù)。

• 基于服務構建的控制器將為angular的作用域層次提供數(shù)據(jù)和功能。

• 基于服務和控制器構建的指令將直接與文檔對象模型（DOM）元素進行交互。

因為控制器并未使用依賴注入器進行注冊，所以控制器和服務無法將控制器列為依賴。

<div ng-controller="MyController"></div>

var m = angular.module('myModule');
 
m.factory('myService', function() {
    return { answer: 42 };
});
 
m.controller('MyController', function(myService) {
    //使用myService
});
 
m.controller('MyController2', function(MyController) {
    //錯誤：使用控制器注冊
});
 
m.factory('myService2', function(MyController) {
    //錯誤：使用控制器注冊
});

每個ng-controller都會實例化一次，而服務只會實例化一次，即服務是單例的。

控制器可以將本地對象列為依賴，如$scope，但是服務無法將本地對象列為依賴。

m.factory('myService', function($scope) {
    //錯誤：$scope未使用依賴注入器進行注冊
});

這就是為什么在angular中是控制器把javaScript數(shù)據(jù)和函數(shù)公開給HTMl而不是服務的原因：控制器可以訪問$scope。

指令可以有一個相關聯(lián)的控制器，可以把服務列為依賴。但是控制器和服務無法將指令列為依賴。

angular.module('stockDogApp')
  .directive('stockTable', function() {
  	return {
  		template: 'Views/templates/stock-table.html',
  		restrict: 'E',
  		scope: {
  			watchlist: '='
  		},
  		controller: function ($scope) {
  			//...
  		}
  	}
  });

指令還可以有一個require屬性，用于保證指令的作用域必須總是另一指令作用域的子孫。

angular.module('stockDogApp')
  .directive('stockRow', function($timeout, QuoteService) {
  	return {
  		restrict: 'A',
  		require: '^stockTable' //stockTable指令，^表示在父作用域中尋找
  		scope: {
  			stock: '=',
  			isLast: '='
  		},
  		link: function ($scope, $element, $attrs, stockTableCtrl) {
  			//..
  		}	
  	}
  });

指令選項require要求stockRow指令的作用域必須是stockTable指令的作用域的子孫，而且可以訪問被實例化的stockTable指令的控制器，它是link函數(shù)的第4個參數(shù)。如果兩個指令需要一起使用，那么require指令選項是完成這個工作的正確工具。

看完上述內(nèi)容，你們對angular中控制器、服務和指令的關系是什么有進一步的了解嗎？如果還想了解更多知識或者相關內(nèi)容，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

新聞標題：angular中控制器、服務和指令的關系是什么
文章位置：http://www.aaarwkj.com/article10/jpoigo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、ChatGPT、關鍵詞優(yōu)化、外貿(mào)網(wǎng)站建設、Google、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)