在哪里以及如何将 nodejs 与 angularjs 一起使用

     2023-03-05     159

关键词:

【中文标题】在哪里以及如何将 nodejs 与 angularjs 一起使用【英文标题】:where and how to use nodejs with angularjs 【发布时间】:2017-08-05 04:04:17 【问题描述】:

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

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

目前我已经使用 angularjs 编写了一个小模块,它访问 java 控制器类并保存/获取数据并在网页上显示数据。在这里我没有使用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有什么用,实时用在哪里??

【问题讨论】:

nodejs 可用于编写类似于 java 的服务,为您的客户端代码提供服务并管理包/第三方库依赖项 【参考方案1】:

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

如果您在开发或部署过程中需要工具(构建脚本来编译 Sass、linter 等),您可以使用 NodeJS 任务运行器,例如 Gulp、Grunt 或 Webpack。

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

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

【讨论】:

【参考方案2】:

Web 开发有 4 个主要部分:

后端:Node.Js(将替换或与您的 Java 服务器一起使用) 前端:Angular.js(或React/Polymer/Vue/等) 数据库:MongoDB (noSQL)、mySql/Postgres (sql) 路由/服务器/中间件:Express.js

要创建实时应用,您可以使用 websockets,尤其是 Socket.io(它非常适合 Node.js 并且专为 Node.js 构建

WebSocket 本质上是基于事件的双向(低延迟)隧道,其中数据可以从 client-to-serverserver-to-client 传递strong> 无需为每条消息发出 AJAX (tcp) 请求。


这与强大的数据绑定架构 (API -> Angular Binding) 相结合,允许自定义单个页面视图,其中相同的数据可用于创建视图,并在何时更新后端模式数据得到更新。

【讨论】:

为什么是-1?谁能解释一下。 不知道——在一天中一个接一个地,我们每个人都投了一次反对票,没有任何解释。 :(

需要有关如何将 Postman 的 Newman 与 Nodejs 一起使用的示例吗?

...了如何运行Postman集合并将Options对象作为参数传递。我在哪里可以找到文档。我正在使用2.x版本。在哪里可以找到更多关于将Newman与Nodejs结合使用 查看详情

nodejs 如何与 Angular 一起工作?它是api还是其他东西?

】nodejs如何与Angular一起工作?它是api还是其他东西?【英文标题】:HownodejsworkwithAngular?Isitapiorsomethingdifferent?【发布时间】:2020-02-2717:41:17【问题描述】:我已经在谷歌上搜索了一个问题,但没有找到好的答案。nodejs和ExpressJS在... 查看详情

如何使 SQLite 与 Angular 4+、Electron 和 NodeJS 一起工作

】如何使SQLite与Angular4+、Electron和NodeJS一起工作【英文标题】:HowtomakeSQLitetoworkwithAngular4+,ElectronandNodeJS【发布时间】:2018-02-1417:51:50【问题描述】:我正在尝试使用以下方式构建一个小型桌面应用程序:角4+NodeJS电子SQLite3NodeJS将... 查看详情

在哪里以及如何存储货币汇率?

】在哪里以及如何存储货币汇率?【英文标题】:Whereandhowtostorecurrencyrates?【发布时间】:2011-01-0502:24:41【问题描述】:我编写了一个脚本,用于获取paypals当前费率与每小时美元的比较(我的产品默认使用的货币)。用户可以在... 查看详情

如何使用 angular 和 nodejs 将 csv 数据转储到 mongoDB

】如何使用angular和nodejs将csv数据转储到mongoDB【英文标题】:howtodumpcsvdataintomongoDBusingangularandnodejs【发布时间】:2018-08-1604:46:16【问题描述】:我有一个csv文件,想使用angular和nodejs将其中的数据转储到mongodb。需要帮助使用angular... 查看详情

将 nodejs 与 opsworks 一起使用时,console.XXX 的输出在哪里被记录?

】将nodejs与opsworks一起使用时,console.XXX的输出在哪里被记录?【英文标题】:whereareoutputfromconsole.XXXgetsloggedwhenusingnodejswithopsworks?【发布时间】:2014-12-1020:45:50【问题描述】:我是AWSOpsworks的新手。我已经成功部署了一个之前通... 查看详情

如何将 ExpressJS 服务器与 Angular2 集成

】如何将ExpressJS服务器与Angular2集成【英文标题】:HowtointegrateExpressJSserverwithAngular2【发布时间】:2017-03-0301:32:51【问题描述】:我尝试使用NodeJS(Express)作为服务器创建一个angular2应用程序。问题是存在冲突,因为Express尝试使用... 查看详情

我将如何以及在哪里将这两个变量组合在 JavaScript 中?

】我将如何以及在哪里将这两个变量组合在JavaScript中?【英文标题】:HowandwherewouldIcombinethesetwovariableinJavaScript?【发布时间】:2019-02-1915:15:56【问题描述】:我将这段代码拼凑在一起,链接到此PDF中的操作按钮。它应该验证是否... 查看详情

webpack 如何以及在哪里使用 tsconfig.file 和 tsc

】webpack如何以及在哪里使用tsconfig.file和tsc【英文标题】:How&wheredoeswebpackusethetsconfig.fileandtsc【发布时间】:2019-03-3001:37:13【问题描述】:通常在typescript项目中,您有一个tsconfig.json文件,该文件与tscnpm命令一起用于将项目编... 查看详情

DOM 操作在 Angular 2 中属于哪里?

】DOM操作在Angular2中属于哪里?【英文标题】:WheredoesDOMmanipulationbelonginAngular2?【发布时间】:2016-09-1911:24:22【问题描述】:在Angular1中,所有DOM操作都应该在指令中完成以确保适当的可测试性,但是Angular2呢?这有什么变化?我... 查看详情

如何在 Angularjs 中调用 Nodejs 方法

】如何在Angularjs中调用Nodejs方法【英文标题】:HowtocallaNodejsmethodinAngularjs【发布时间】:2016-10-2511:05:23【问题描述】:我需要一些关于nodejs和angular的帮助,我需要使用nodejs获取结果并使用angular将它们显示为HTML。如何从HTML调用us... 查看详情

如何将 NodeJs 与 Jenkins 集成?

】如何将NodeJs与Jenkins集成?【英文标题】:HowtointegrateNodeJswithJenkins?【发布时间】:2021-09-0803:30:43【问题描述】:我正在尝试使用Webdriverio和chrome将测试与Jenkins集成。我遇到的问题是,即使测试在我的本地机器上运行,它们在Jen... 查看详情

angular2-webpack-starter 如何将 NodeJS 服务器添加到项目中

】angular2-webpack-starter如何将NodeJS服务器添加到项目中【英文标题】:angular2-webpack-starterhowtoaddNodeJSservertoproject【发布时间】:2017-03-0312:23:06【问题描述】:我克隆了一个angular2-webpack-starter项目,它运行良好;现在我想为这个项目... 查看详情

如何将 GrapesJS 与 Angular 集成?

】如何将GrapesJS与Angular集成?【英文标题】:HowtointegrateGrapesJSwithAngular?【发布时间】:2021-03-1022:52:10【问题描述】:我已安装(关注此https://medium.com/@camiloht23/integraci%C3%B3n-de-grapesjs-con-angular-11ebf3bb80c5)并尝试在Angular中导入GrapesJ... 查看详情

我应该如何以及在哪里将 Glyphicons 文件夹添加到我的项目中?

】我应该如何以及在哪里将Glyphicons文件夹添加到我的项目中?【英文标题】:HowandwhereshouldIaddtheGlyphiconsfoldertomyproject?【发布时间】:2016-11-1616:11:34【问题描述】:似乎没有文档,我在***上找不到任何好的解决方案/指南。我的应... 查看详情

如何将 Angular 2 与 NetBeans 一起使用?

】如何将Angular2与NetBeans一起使用?【英文标题】:HowcanIuseAngular2withNetBeans?【发布时间】:2016-12-2412:07:13【问题描述】:我已经尝试了所有可以找到的教程来尝试使用Angular2在NetBeans上制作HTML/JS项目,但没有一个成功。也许是我... 查看详情

如何将图像与模块耦合?

...2017-07-2317:16:51【问题描述】:这与thisquestion.有关我们在Angular1.6中有一个刊头组件,我在使用AngularCLI的项目中将其移植到Angular2。在Angular1.6中,在控制器及其CSS旁边放置一个图像很简单,然后使用相对于组件目录的路径轻松引用... 查看详情

我想通过 NodeJS Express 应用程序将 Azure blob 存储与 Angular 应用程序连接起来

】我想通过NodeJSExpress应用程序将Azureblob存储与Angular应用程序连接起来【英文标题】:IWanttoconnectAzureblobstoragewithAngularappThroughNodeJSExpressapp【发布时间】:2021-08-0123:44:35【问题描述】:我真正想做的是,我真的不想直接将文件上传... 查看详情