javascript - 哪里以及如何将 NodeJS 与 AngularJS 一起使用

标签 javascript html angularjs node.js

我是 UI 框架开发的新手。目前我的要求是使用 anuglarjs 和 nodejs。我知道很少有人像我一样想知道确切的用途..

我很困惑在我的应用程序中需要在哪里使用nodejs。我试图找到一个简单的现场演示示例(plunker/jsfiddle),它使用了 AngularJS 和 NodeJS,但我找不到一个.

目前我已经使用 angularjs 编写了一个小模块,它命中 java Controller 类并保存/获取数据并将数据显示在网页上。在这里我没有使用nodejs。我尝试在网络中搜索以了解nodejs与angularjs的使用。 任何输入都会非常有帮助。

下面是我使用 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有什么用,实时用在什么地方?

最佳答案

如果您正在编写 AngularJS 前端 Web 应用程序,您可能永远不必使用 NodeJS。

如果您在开发或部署过程中需要工具(构建脚本来编译 Sass、linters 等),您可以使用 NodeJS 任务运行程序,如 Gulp , GruntWebpack .

如果您需要构建一个存储和检索信息的后端 API,您可以使用 Express或整个MEAN stack .

* * * 另外值得注意的是 - 您提到了 Java 类。如果您已经在使用 Java 作为后端,那么您可能不会为此目的使用任何 NodeJS。如果您只是将 JavaScript 缩写为“Java”,请注意它们是独立且不同的语言。 * * *

关于javascript - 哪里以及如何将 NodeJS 与 AngularJS 一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42792441/

相关文章:

javascript - 如何使用 Slickgrid 对行进行排序?

javascript - 如何让 jQuery 记住 Rails 应用程序中的状态?

javascript - 下拉 window.onclick javascript 仅适用于一个菜单

css - Div不会彼此相邻

javascript - 如何从不同的提交按钮向 ng-submit 传递不同的参数?

javascript - 带有 AngularJS 和 customVariables 的 BrainTree.js

javascript - 如何通过双击加载而不是单击放大弹出窗口

javascript - 动态更改 jquery 选择的 max_selected 选项

javascript - 我忽略了什么?当我用鼠标签名时,数据会上传,但是当我用触摸签名时,数据不会上传

javascript - Object.keys() 在 ng-options 中不起作用