AngularJS开发中,何时应该使用Directive,Controller,Service
发布网友
发布时间：2022-04-27 10:23
共1个回答
热心网友
时间：2022-04-22 16:17
Directive（指令）
Controller（控制器）
Service （服务）
下面我们逐个来看这些概念，研究一下为什么它们会像当初设计的那样强大，同时研究一下为什么我们要以那样的方式去使用它们。我们从Service开始。
SERVICES（服务）
如果你已经使用过AngularJS，你可能已经遇到过Service这个概念了，简而言之，Service就是【单例对象】在AngluarJS 中的一个别名。这些小东西（指单例对象）会被经常传来传去，保证你每次访问到的都是同一个实例，这一点和工厂模式不同。基于这种思想，单例对象让我们可以 实现一些相当酷的功能，它可以让很多controller和directive访问内部的数值。在#angularjs 频道（译者注：指的是原作者自己的博客频道）里面这也是非常常见的问题之一，那就是在应用中的不同代码块之间如何共享数据？我们来看这个问题。
我们首先来创建一个mole（模块），本文中的所有代码都会用到这个mole。
var mole = angular.mole( "my.new.mole", [] );
下一步，我们来创建一个新的service（服务）。假设我们上面的这个mole是用来管理图书的。所以，这里我们来创建一个Book service，然后把一个JSON对象数组添加到这个serice中，这些对象代表很多book数据。
mole.service( 'Book', [ '$rootScope', function( $rootScope ) {
var service = {
books: [
{ title: "Magician", author: "Raymond E. Feist" },
{ title: "The Hobbit", author: "J.R.R Tolkien" }
],
addBook: function ( book ) {
service.books.push( book );
$rootScope.$broadcast( 'books.update' );
}
}
return service;
}]);
这是一个非常简单的service（有时候这样就够你用了）。我们这里正在做的事情就是在管理一个book 数组，同时还带有一个addBook方法，在有需要的时候可以添加更多书籍。addBook方法还会在application上广播一个事件，告诉所有正 在使用我们的service的人，数组已经被更新了，从而让它们自己也做一些刷新操作。现在，我们要做的就是把这个service传递给各种 controller、directive、filter，或者其它任何需要它的东西---然后它们就可以访问service中的这些方法和属性了。好， 我们来动手。
var ctrl = [ '$scope', 'Book', function( scope, Book ) {
scope.$on( 'books.update', function( event ) {
scope.books = Book.books;
scope.$apply();//注意，原文这里少了这一行
});
scope.books = Book.books;
}];
mole.controller( "books.list", ctrl );
同样非常简单。我们上面所做的就是为我们的mole创建了一个新的controller。在创建的时候把$scope provdier和我们自己的Book service传递给了它。能明白我们在干嘛吗？我们把前面创建的Book service中的books数组赋给了controller内部的局部scope对象。很酷，对吧？
好，这里的核心问题是什么呢？我们节省了一些时间，并且在controller上创建了一个数组。对---我们确实这样做了。这样做确实也为我们节 约了一点时间---但是如果我们要在其它地方处理这些书籍信息应该怎么办呢？通过scope来维护数据是非常粗暴的一种方式。由于其它 controller、directive、model的影响，scope很容易就会崩溃或者变脏。它很快就会变成一团乱麻。通过一种集中的途径（在这里 就是service）来管理所有书籍数据，然后通过某种方式来请求修改它，这样不仅仅会更加清晰---同时当应用的体积不断增大的时候也更加容易管理。最 后，它还可以让你的代码保持模块化（这也是Angular很擅长的一件事情）。一旦你在其它项目中需要用到这个service，你没有必要在scope、 controller、filter等等东西里面到处去查找相关的代码，因为所有东西都在service里面！
好。那么我们什么时候应该使用service呢？答案是：无论何时，当我们需要在不同的域*享数据的时候。另外，多亏了Angular的依赖注入系统，实现这一点是很容易并且很清晰的。
