一,factory,service,provider自定义服务,services.js
代码如下 | 复制代码 |
'use strict'; /* Services */ var phonecatServices = angular.module('phonecatServices', []); phonecatServices.factory('facetorytest', ['$window', //factory方式 phonecatServices.service('servicetest', ['$window', //service方式 phonecatServices.provider('providertest',[ //provider方式,内置服务不可以注入 |
二,controller调用自定义模块,controllers.js
代码如下 | 复制代码 |
'use strict'; /* Controllers */ var phonecatControllers = angular.module('phonecatControllers', []); //写过js function的对这种调用方式,很熟悉,服务名称不能变 //这种调用方式根jquery非常的像,服务名称也不能变 //以注入的方式来调用,服务名称可以改变 |
三,创建app把上面的service和controller接合到一起。app.js
代码如下 | 复制代码 |
'use strict'; /* App Module */ var phonecatApp = angular.module('phonecatApp', [ |
四,html中显示
代码如下 | 复制代码 |
{{facetorytest}} {{servicetest}} {{providertest}}
显示结果: tank zhang |
五,错误纠正
在网上看到,有人说service是不能注入内置服务器的,但是实际操作结果是provider是不能注入内置服务的。我用的angularjs的版本是AngularJS v1.2.14
代码如下 | 复制代码 |
phonecatServices.provider('providertest',['$window', |