31-依赖注入-2
来源:互联网 发布:人物简笔画软件 编辑:程序博客网 时间:2024/06/04 22:09
<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="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script> <script> var mainApp = angular.module("mainApp", []); mainApp.value("defaultInput", 5); mainApp.factory('MathService', function() { var factory = {}; factory.multiply = function(a, b) { return a * b; } return factory; }); 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
- 31-依赖注入-2
- 依赖注入2
- Spring依赖注入---<2>
- 2、依赖注入
- 依赖注入那些事儿【2】 之 探究依赖注入
- spring依赖注入(2)-注解
- Angular 2中的依赖注入
- Angular 2中的依赖注入
- Spring依赖注入(2)
- 使用Dagger 2 依赖注入
- 依赖注入
- 依赖注入
- 依赖注入
- 依赖注入
- 依赖注入
- 依赖注入
- 依赖注入
- 依赖注入
- 模块化操作
- 数据库原理—超键、候选键、主键、外键
- sublime插件html-css-js Prettify 实现代码格式化
- POJ
- 如何为 CIOWrapper::Select 编写类型转换器
- 31-依赖注入-2
- 消息队列探秘 – RabbitMQ 消息队列介绍
- 编译器之乱
- 32-路由
- 生产环境 hadoop集群监控工具--ganglia的搭建(YUM的方式)
- 文件上传检测的基本思路
- 33-路由设置对象
- 哥德巴赫猜想的实现
- 工作监督系统