1. 程式人生 > >Angularjs演示Service功能

Angularjs演示Service功能

lar 控制器 com 函數 splay click log ica multipl

在angularjs中,我們可以自定義自己的service。可以說得是自定義的方法,函數。

下面我們一步一步來演示吧:
首先為angularjs定義一個app:
技術分享


技術分享
var demoApp = angular.module(demoApp, []);
Source Code

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; } });
Source Code

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); });
Source Code


最後ASP.NET MVC 視圖的實現:
技術分享

程序運行得到的結果:
技術分享

Angularjs演示Service功能