Angularjs演示Service功能
2018-06-22 06:11:49来源:未知 阅读 ()
在angularjs中,我们可以自定义自己的service。可以说得是自定义的方法,函数。
下面我们一步一步来演示吧:
首先为angularjs定义一个app:
var demoApp = angular.module('demoApp', []);
demoApp名称即是我们定义好的app。下面是本篇的重点,定义一个service:
demoApp.service('calcService', function () { this.Addition = function (num1, num2) { return num1 + num2; } this.Substruction = function (num1, num2) { return num1 - num2; } this.Multiplication = function(num1, num2) { return num1 * num2; } this.Division = function (num1,num2) { return num1 / num2; } });
angularjs还差一个控制器:
demoApp.controller('demoController', function ($scope, calcService) { $scope.result1 = calcService.Addition(12, 4); $scope.result2 = calcService.Substruction(14, 3); $scope.result3 = calcService.Multiplication(7, 9); $scope.result4 = calcService.Division(15, 3); });
最后ASP.NET MVC 视图的实现:
程序运行得到的结果:
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:.net使用Log4net
- ASP.NET MVC中jQuery与angularjs混合应用传参并绑定数据 2020-03-29
- ASP.NET使用WebService实现天气预报功能 2020-01-20
- Flex与asp.net的WebService通讯 2019-06-21
- 使用VB或VC#访问XML Web services 2019-06-20
- 完整的网站间共享数据的WebService 2019-06-16
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash