2017-03-14 45 views
0

我是新的UI框架開發。目前我的要求是使用anuglarjs和nodejs。我知道有幾個像我一樣想知道確切的使用..在哪裏以及如何使用nodejs與angularjs

我很困惑,因爲我需要在我的應用程序中使用nodejs。我試圖找到一個簡單的現場演示示例(plunker/jsfiddle),它使用了angularjs和nodejs,但我找不到一個示例。

目前我已經使用angularjs編寫了一個小模塊,它命中java控制器類並保存/獲取數據並在網頁上顯示數據。在這裏,我不在使用nodejs的地方。我試圖在網上搜索以瞭解使用angularjs的nodejs。 任何輸入將會非常有幫助。

下面是我使用angularjs實現的示例javascript代碼。

myDataCOntroller.js

//some code here 

$scope.submitFormData = function(myForm){ 
     if(myForm.$valid) 
     { 

      MyDataService.saveOrGetData($scope.myReport).then(
        function(response) { 
         $scope.myReport = response; 
        }, 
       function(errResponse){ 
        console.error('Errorr'); 
       }); 

     }else{ 
      console.log("invalid form data!!"); 
     } 
    } 

myDataService.js

app.factory('myService',function($http,$q,$location){ 

    var MY_SERVICE_URI = $location.protocol()+'://'+$location.host()+':'+$location.port(); 

    var _repServiceFactory={}; 


    _repServiceFactory.saveOrGetData = function(myData){ 

     var deferred = $q.defer(); 
     var url = appURL+'/saveOrGetData.form'; 
     $http.post(url,JSON.stringify(myData)) 
      .then(
      function (response) { 
        deferred.resolve(response.data); 
      }, 
      function(errResponse){ 
       console.error('Error while fetching data'); 
       deferred.reject(errResponse); 
      } 
     ); 
     return deferred.promise; 
    } 

PS:我知道Angularjs是客戶端,是的NodeJS服務器端,兩者都使用JavaScript編程語言。 我想知道的是,nodejs有什麼用處,它在哪裏實時使用?

+2

nodejs可用於編寫類似於java的服務,爲您的客戶端代碼和管理包/第三方lib依賴項服務 – Abhishek

回答

2

如果您正在編寫AngularJS前端Web應用程序,您可能需要使用必須使用NodeJS。

如果你需要的工具(編譯腳本編譯無禮的話,棉短絨等)在開發或部署過程中,你可以使用任務的NodeJS像跑步者GulpGruntWebpack

如果您需要構建後端API,用於存儲和檢索信息,則可以使用Express或整個MEAN stack

* * *另外值得注意的是 - 你提到了一個Java類。如果您已經在後端使用Java,那麼您可能不會爲此使用任何NodeJS。如果您只是將JavaScript縮短爲「Java」,請注意它們是單獨和不同的語言。 * * *

0

Web開發有4個主要部分:

爲您創建一個應用程序是實時的,你可以使用WebSockets的,尤其是Socket.io與作品真的很好,是專爲Node.js的

的WebSockets基本上是雙向(低延遲)基於事件的隧道,其中數據可以從client-to-server被傳遞,並server-to-client而不需要進行AJAX(TCP)每個消息請求。


這具有強大的數據綁定結構(API->Angular Binding)配對允許可定製的單個網頁瀏覽,其中所述相同的數據時,可以使用該數據來創建視圖,並更新後端模態得到更新。

+0

爲什麼-1?有人可以解釋。 –

+0

不知道 - 在一天中的一個接一個,我們每個都沒有任何解釋發生單一的迴應票。 :( –

相關問題