从总体来看,这三个组件的关系如下所示:

  • 服务负责从远端服务器抓取和存储数据。
  • 基于服务构建的控制器将为angular的作用域层次提供数据和功能。
  • 基于服务和控制器构建的指令将直接与文档对象模型(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数据和函数公开给HTMl而不是服务的原因:控制器可以访问$scope。



指令可以有一个相关联的控制器,可以把服务列为依赖。但是控制器和服务无法将指令列为依赖。
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函数的第4个参数。如果两个指令需要一起使用,那么require指令选项是完成这个工作的正确工具。


注:参考《自AngularJS高级编程》,仅当备忘录吧。




angular控制器、服务和指令三者之间的关系的更多相关文章

  1. 转:spring data jpa、 hibernate、 jpa 三者之间的关系

    原文链接:spring data jpa. hibernate. jpa 三者之间的关系 spring data jpa hibernate jpa 三者之间的关系 JPA规范与ORM框架之间的关系是 ...

  2. 电脑结构和CPU、内存、硬盘三者之间的关系

    前面提到了,电脑之父——冯·诺伊曼提出了计算机的五大部件:输入设备.输出设备.存储器.运算器和控制器. 我们看一下现在我们电脑的: 键盘鼠标.显示器.机箱.音响等等. 这里显示器为比较老的CRT显示器 ...

  3. 网络互联技术(2)——前篇—【转载】电脑结构和CPU、内存、硬盘三者之间的关系

    原文链接:传送门 详细内容: 电脑结构和CPU.内存.硬盘三者之间的关系 前面提到了,电脑之父——冯·诺伊曼提出了计算机的五大部件:输入设备.输出设备.存储器.运算器和控制器. 我们看一下现在我们电脑 ...

  4. JDK,JRE,JVM三者之间的关系和作用

    1,定义: JDK: Java Develpment Kit java 开发工具 bin:最主要的是编译器(javac.exe) include:java和JVM交互用的头文件 lib:类库 JRE: ...

  5. silverlight Canvas、StackPanel、Grid三者之间的关系

    学习 silverlight   首先Canvas.StackPanel.Grid 博客园里看到jailu的这篇文章整理得很好 贴下来: Silverlight提供了非常灵活的布局管理系统,让程序员和 ...

  6. 【Linux网络编程】TCP网络编程中connect()、listen()和accept()三者之间的关系

    [Linux网络编程]TCP网络编程中connect().listen()和accept()三者之间的关系 基于 TCP 的网络编程开发分为服务器端和客户端两部分,常见的核心步骤和流程如下: conn ...

  7. 程序中try、throw、catch三者之间的关系

    c++程序中,采用一种专门的结构化处理逻辑的异常处理机制. 1.try语句 try语句块的作用是启动异常处理机制,检测try语句块中程序语句执行时可能出现的异常. try语句块总是与catch一同出现 ...

  8. Window系统、主函数和窗体函数这三者之间的关系

    理解Window系统.主窗体.窗体函数这三者之间的关系,对于编写Windows程序十分重要. 主函数和窗体函数都是由Windows系统来调用的函数.仅仅只是主函数是程序启动之后.系统首先调用的函数: ...

  9. 5.Javascript 原型链之原型对象、实例和构造函数三者之间的关系

    前言:用了这么久js,对于它的原型链一直有种模糊的不确切感,很不爽,隧解析之. 本文主要解决的问题有以下三个: (1)constructor 和 prototype 以及实例之间啥关系? (2)pro ...

随机推荐

  1. 技巧收集-M1709

    2017.09 在macOS中直接复制文件路径,在Finder中选中文件,按下快捷键:Command + Option + C *** 以KB,MB,GB方式显示文件大小 ls -lh 删除超大文本文 ...

  2. 一个非常好用的框架-AngularJS(一)

      前  言           AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购.是一款优秀的前端JS框架,已经被用于Google的多款产品当中.An ...

  3. css预处理器less和scss之sass介绍(二)

    本来打算整理jQuery Mobile来着,但是没有研究明白,所以接着上个周的继续介绍... [scss中的基础语法]   1.scss中的变量 ①声明变量:$变量名:变量值 $width:100px ...

  4. [实战演练]python3使用requests模块爬取页面内容

    本文摘要: 1.安装pip 2.安装requests模块 3.安装beautifulsoup4 4.requests模块浅析 + 发送请求 + 传递URL参数 + 响应内容 + 获取网页编码 + 获取 ...

  5. 配置exVim开发环境

    exVim主页 http://exvim.github.io/ 使用该配置原因: 简单,组织各种优秀插件,安装包很小,各种操作很流畅 实用,对于项目来说,只需要多出一个xx.exvim文件,所有符号等 ...

  6. Linux 内核模块程序结构

    1.内核加载函数 即我们常说的内核入口函数,当内核被加载的时候调用,在内核入口函数中多进行设备的注册和初始化,其中最常用的莫过于module_init().insmod xxx.ko的时候调用. 通常 ...

  7. 常见sql技巧

    一.一些常见的SQL实践 (1)负向条件查询不能使用索引 select * from order where status!=0 and stauts!=1 not in/not exists都不是好 ...

  8. Undefined symbols for architecture arm64: "_OBJC_CLASS_$_WKWebView", referenced from: objc-c

    出现: Undefined symbols for architecture arm64: "_OBJC_CLASS_$_WKWebView", referenced from: ...

  9. appium启动运行log分析

      1.手动启动appium 服务 > Launching Appium server with command: C:\Program Files (x86)\Appium\node.exe ...

  10. python---os模块使用详解

    os模块调用操作系统接口的模块 相关方法或属性: getcwd() --- 获取当前的操作目录,等同于linux中的pwd命令. 调用:os.getcwd() chdir() --- 改变python ...