Tag: angularjs

Angular 2 Service返回对象对象

提前感谢您的时间,我试图展示我从当地的mongodbcollections中收集的一个集合。 http:// localhost:8080 / player / all是我用postmastertesting时返回正确数据的API端点。 这是一个对象数组。 HTML只显示每个对象的[object Object]: [object object],[object object],[object object],[object object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object] [对象对象],[对象对象],[对象对象],[对象对象] 服务或组件是否有问题? 后端是一个快递/节点的应用程序 player.component.html <div> {{allPlayers}} </div> player.component.ts import { Component, OnInit } from '@angular/core'; import {AuthService} from '../../services/auth.service'; import {PlayerService} from '../../services/player.service'; import {Router} from '@angular/router'; @Component({ selector: 'app-player', templateUrl: './player.component.html', styleUrls: ['./player.component.css'] […]

连接到API与后端呈现的WebApp之间的区别

有时当我创build基本的Web工具时,我将从一个nodeJS后端开始,通常使用ExpressJS创build一个API服务器。 当某些路由命中时,服务器通过使用连接的实时状态呈现来自EJS的HTML来作出响应,然后将其发送到浏览器。 这个应用程序通常会公开一个公共静态资源的目录,并将提供这些资源。 我想这会造成这种forms的Web应用程序的大量开销,但我不确定。 其他时候,我将从一个API开始(这可能是完全相同的nodeJS结构,没有HTML呈现,只是状态pipe理和API的暴露),我会build立一个Angular2或其他HTML网页,将连接到API,加载加载信息,并填充页面中的数据。 这些页面往往依赖于大量的AJAX调用和jQuery,以便在一堆asynchronouscallback触发后刷新angular度组件。 在这个结构中,我将使用像Apache这样的Web服务器来提供所有文件并定义路由,而网页中的JS将完成剩下的工作。 两者的整体优势和劣势是什么? 为什么我应该使用一种策略呢? 他们都是可行的,并依赖于规模和使用? 我想用负载平衡器进行水平缩放可以适用于这两种情况。

如何在Mean Stack中运行subprocess

我有一个使用nodejs,angularjs和expressjs的Mean应用程序。 在这里,我已经从angular度控制器调用我的服务器如下 Angular Controller.js $http.post('/sample', $scope.sample).then(function (response) { — — } 并在Server.js如下 app.post('/sample', userController.postsample); 在这里,我正在做mongodb的操作,从上面的代码后的示例 。 在这里,我碰到了如何做我的计算部分,就像我有一个大的计算,需要一些时间(假设1小时)来完成。 所以从客户端我会触发angular度控制器的计算。 我的问题是计算应该单独运行,以便其他UI和其他页面的操作不应该被中断。 我已经看到了nodejs中的subprocess,但我不明白如何从控制器的subprocess触发或执行它,如果它在app.post中获取请求,那么是否有可能访问其他页面。 编辑: 我已经计划在孵化一个child_process,但我有另一个问题继续上述。 可以考虑应用程序包含3个用户和2个用户同时访问应用程序。 我的情况是,如果第一个人触发了child_process名称作为first operation ,并且正在处理中,那么此时第二个人需要触发该stream程名称作为2nd operation因为他还需要计算。 这里我的问题是 如果另一个人启动了spawn命令,会发生什么情况。 如果挂起或保持队列或两者并行执行。 如果第二个操作在队列中,那么什么时候开始操作。 如果第二个操作在队列中,那么我怎么知道有多less人在某个时间点排队呢? 任何人都可以帮助解决。

从两个http req获取数据并合并它们

我有两个模式在mongoose一个医生信息和两个排名。 我的医生架构: var doctorsSchema = new schema({ Entity: {type:String}, name: {type:String}, Expertise : {type:String}, HMO: {type:String}, Address: {type:String}, reception_hours: [], lat: {type:Number}, lng: {type:Number}, Ranking : {type:Number} },{collection: 'doctorsLocation'}); 我的排名模式是: var calSchema = new schema({ Entity: {type:String}, name: {type:String}, Expertise : {type:String}, Address: {type:String}, Attention : {type:Number}, Professional: {type:Number}, Availability: {type:Number}, Atmosphere: {type:Number}, Recommendation: {type:Number} […]

没有任何错误显示。 代码工作正常

app.js angular.module('app', ['ionic', 'ui.router']) .config(('$urlRouterProvider', '$stateProvider', function($urlRouterProvider,$stateProvider){ $urlRouterProvider.otherwise('/'); $stateProvider .state('view',{ url:'/', templateUrl:'js/components/view/view32.html', controller:'viewCtrl' }) })) server.js var express= require('express'); var mongoose = require('mongoose'); var bodyParser=require('body-parser'); var cors= require('cors'); var app= express(); var multiparty= require('connect-multiparty'); var multipartMiddleware= multiparty(); var viewController=require('./controllers/viewController'); var shareController=require('./controllers/shareController'); var configs = require('./configs/config.js'); configs.setConfigs(); mongoose.connect(process.env.MONGO_URL); app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: true })); app.use(multipartMiddleware); app.use(cors()); app.use('/app', […]

在angualarJs或node.js中替代q.all

是否有任何替代q.all因为callback 只有当所有http调用成功时, q.all().then()才会被调用。 即使一个http调用失败,也会进入.catch部分。 有什么办法可以使它进入到q.all().then()部分,即使很less的http调用失败?

通过本地节点JS HTTP服务器端口(运行在电子)angular度服务

我在我的电子应用程序中运行本地主机上的RESTful节点JS Http服务器。 我在端口0听,这样操作系统给我一个随机的自由端口。 我怎样才能访问我的angular码中的givin端口,以便能够知道哪些URL我必须执行XHTTP请求? 在127.0.0.1.0上运行的restapi服务器(nodejs) var listener = app.listen(port, server, function() { port = listener.address().port; console.log('Listening on port ' + port + '@' + server); }); XHTTP调用angular度 private heroesUrl = 'http://localhost:1337/api/heroes'; getHeroes(): Promise<Hero[]> { return this.http.get(this.heroesUrl).toPromise() .then( ((response) => response.json() as Hero[]) ) .catch(this.handleError); } 任何想法如何我可以取代固定端口1337端口,我打开在服务器端的侦听器时获得? 或者我应该只使用双方的固定端口,并希望它免费? 听起来对我错了。 另外我不能只用'/ api / heroes'作为URL,因为electron / angular正在http:// localhost:4200 […]

在NodeJS中使用express来运行后端和前端服务器是不是很好的做法?

我目前正在一个简单的NodeJS / AngularJS应用程序和我目前的项目看起来像这样: /frontend/index.html <– AngularJS home page /frontend/js/app.js <– AngularJS app.js /backend/package.json<– NodeJS package.json /backend/index.js <– NodeJS script 而我只用我的NodeJS express server来服务后端API,而在浏览器中直接打开前端部分(file://…/frontend/index.html)。 使用NodeJS服务“后端API”和前端(例如,运行两个快速实例)是否是好的做法,以及如何组织代码?

无法加载转播器

我有一个在Node上运行的Angular应用程序,我最近刚开始遇到问题。 我遇到了译员错误:请参阅图片。 Chrome开发人员图片 所以该应用程序正在工作,我正在试图得到mmmagic加载,以便我可以评估上传的文件。 那么我不能为了一个原因。 但在这个过程中,我开始更新大多数NPM软件包。 我放弃了得到mmmagic装载,并开始得到这个错误时,要去做其他事情。 基于我上传的图像,我不承认如何不加载打字稿。 我已经尝试了我能想到的一切,更新了大部分软件包,在tsconfig.json中更改了值,systemjs.config.js,重新加载了node_modules … Typescript在那里,但由于某种原因,它没有加载它。 System.config({ transpiler: 'typescript.js', typescriptOptions: { emitDecoratorMetadata: true, target: "ES5", module: "commonjs"}, map: { '@angular': 'node_modules/@angular', 'rxjs' : 'node_modules/rxjs', }, paths: { 'node_modules/@angular/*': 'node_modules/@angular/*/bundles' }, meta: { '@angular/*': {'format': 'cjs'}, 'typescript': { "exports": "ts" } }, packages: { 'app' : {main: 'main', defaultExtension: 'ts'}, 'rxjs' […]

ExpressJS + AngularJS:沟通路线和控制器

我在我的express.jspath文件中有一个json对象,为了parsing它,我猜测最好的方法是发送给我的Angular controller ,以便在我看来是循环的。 路线/ myaccount.js router.post('/', function(req, res) { // form submitted var email = req.body.email var password = req.body.password login.returnSessionToken(email, password, (token) => { console.log("return token: ", token) var logged = require('../js/index') logged.returnUserData(token, (myData) => { res.render('myaccount', { myDataFromRoutes:myData }); }) }, (fail) => {console.log(fail)}) }) controller.js var controllers = angular.module('myApp.controllers', []); controllers.controller('IndexController', ['$scope', […]