30-依赖注入
来源:互联网 发布:人物简笔画软件 编辑:程序博客网 时间:2024/05/29 16:32
<!-- AngularJS 提供很好的依赖注入机制。以下5个核心组件用来作为依赖注入: value factory service provider constant--><html> <head> <meta charset="utf-8"> <title>AngularJS 依赖注入</title> </head> <body> <h2>AngularJS 简单应用</h2> <div ng-app = "mainApp" ng-controller = "CalcController"> <p>输入一个数字: <input type = "number" ng-model = "number" /></p> <button ng-click = "square()">X<sup>2</sup></button> <p>结果: {{result}}</p> </div> <script src="http://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script> <script> var mainApp = angular.module("mainApp", []); mainApp.config(function($provide) { $provide.provider('MathService', function() { this.$get = function() { var factory = {}; factory.multiply = function(a, b) { return a * b; } return factory; }; }); }); mainApp.value("defaultInput", 5); mainApp.service('CalcService', function(MathService){ this.square = function(a) { return MathService.multiply(a,a); } }); mainApp.controller('CalcController', function($scope, CalcService, defaultInput) { $scope.number = defaultInput; $scope.result = CalcService.square($scope.number); $scope.square = function() { $scope.result = CalcService.square($scope.number); } }); </script> </body></html>
阅读全文
0 0
- 30-依赖注入
- 依赖注入
- 依赖注入
- 依赖注入
- 依赖注入
- 依赖注入
- 依赖注入
- 依赖注入
- 依赖注入
- 依赖注入
- 依赖注入
- 依赖注入
- 依赖注入
- 依赖注入
- 依赖注入
- 依赖注入
- 依赖注入
- 依赖注入
- C++中多态与多态对象模型
- 多校联合第三次题解(网页打不好开,扒下来看)
- Python 使用 os.fork() 创建子进程
- 29-动画
- 运营——线上引流9大方法
- 30-依赖注入
- Java 并发开发:Lock 框架详解
- 模块化操作
- 数据库原理—超键、候选键、主键、外键
- sublime插件html-css-js Prettify 实现代码格式化
- POJ
- 如何为 CIOWrapper::Select 编写类型转换器
- 31-依赖注入-2
- 消息队列探秘 – RabbitMQ 消息队列介绍