<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                企業??AI智能體構建引擎,智能編排和調試,一鍵部署,支持知識庫和私有化部署方案 廣告
                # 簡介AngularJS中使用factory和service的方法 AngularJS支持使用服務的體系結構“關注點分離”的概念。服務是JavaScript函數,并負責只做一個特定的任務。這也使得他們成為維護和測試的單獨實體。控制器,過濾器可以調用它們作為需求的基礎。服務使用AngularJS的依賴注入機制注入正常。 AngularJS提供例如許多內在的服務,如:$http,?$route,?$window,?$location等。每個服務負責例如一個特定的任務,$http是用來創建AJAX調用,以獲得服務器的數據。$route用來定義路由信息等。內置的服務總是前綴$符號。 有兩種方法來創建服務。 工廠 服務 ## 使用工廠方法 對于已經存在實例對象的服務,Factory優先,直接返回這個對象。如:在多個Controller之間共享傳遞數據;對$resource的請求資源的封裝。 使用工廠方法,我們先定義一個工廠,然后分配方法給它。 ~~~ var?mainApp?=?angular.module("mainApp",?[]);?? mainApp.factory('MathService',?function()?{????? ??var?factory?=?{};??? ??factory.multiply?=?function(a,?b)?{?? ???return?a?*?b??? ??}?? ??return?factory;?? });??? ~~~ ### 使用服務方法 對于需要new創建的服務而言,則Service優先,Angular會自動new并創建這個對象實例。Service更容易組織一組相同業務邏輯的API,使得業務邏輯更加的內聚。 使用服務的方法,我們定義了一個服務,然后分配方法。還注入已經可用的服務。 ~~~ mainApp.service('CalcService',?function(MathService){?? ??this.square?=?function(a)?{??? ?return?MathService.multiply(a,a);??? ?}?? });?? ~~~ ### 例子 下面的例子將展示上述所有指令。 testAngularJS.html ~~~ html>?? head>?? ??title>Angular?JS?Formstitle>?? head>?? body>?? ??h2>AngularJS?Sample?Applicationh2>?? ??div?ng-app="mainApp"?ng-controller="CalcController">?? ???p>Enter?a?number:?input?type="number"?ng-model="number"?/>?? ???button?ng-click="square()">Xsup>2sup>button>?? ???p>Result:?{{result}}p>?? ??div>?? ??script?src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js">script>?? ??script>?? ???var?mainApp?=?angular.module("mainApp",?[]);?? ???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)?{?? ??????$scope.square?=?function()?{?? ??????$scope.result?=?CalcService.square($scope.number);?? ?????}?? ???});?? ??script>?? body>?? html>?? ~~~ ### 結果 在Web瀏覽器打開textAngularJS.html。看到結果如下: ![](https://box.kancloud.cn/2016-03-02_56d6ad981bb74.jpg) ## 美文美圖 ?![](https://box.kancloud.cn/2016-03-02_56d6ad9832681.jpg)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看