Tag: angularjs

避免JavaScript前端和Java后端的validation码重复？: 我们有一个标准的Web应用程序，前端使用Angular，后端使用Java 7编写。我注意到的是，我们得到了很多重复的代码。也就是说，validation是通过angular度来执行客户端的，但是我不能完全相信他，因为用户可以禁用客户端validation并简单地向服务器提交发布的查询。因此，我必须在服务器端重复Java中的相同validation逻辑。这是非常乏味的，但我不知道如何避免这种情况。也许我可以用一个javascript框架（假设它是Node.js）编写一些后端部分，可以使用与前端相同的validation库，并使Java后端与node.js交互？为了解决这个问题，最好的办法是什么？

错误：运行“bower install”时找不到模块“js-yaml”: 我正在通过AngularJS应用程序的基本设置（刚入门），目前正在尝试为应用程序安装Bower组件。当我从terminal运行bower install ，出现以下错误： Error: Cannot find module 'js-yaml' at Function.Module._resolveFilename (module.js:337:15) at Function.Module._load (module.js:287:25) at Module.require (module.js:366:17) at require (module.js:385:17) at Object.<anonymous> (Path\bower\node_modules\configstore\index.js:9:12) at Module._compile (module.js:425:26) at Object.Module._extensions..js (module.js:432:10) at Module.load (module.js:356:32) at Function.Module._load (module.js:311:12) at Module.require (module.js:366:17) at require (module.js:385:17) 我没有在我的脚本中的任何地方指定js-yaml模块（据我所知），所以不知道这个依赖来自哪里。我已经尝试删除node_modules文件夹，清除npmcaching，包括package.json文件中的js-yaml ，然后重新运行npm install，但运行bower install时出现同样的错误如果有帮助，我的bower.json和package.json文件如下所示： Bower.json { "name": "starter-node-angular", "version": "1.0.0", "dependencies": […]

使用angular度js进行路由: 我的服务器使用angular度路由。我的服务器发送到浏览器的HTML文件，其中包含js文件与路由（使用angularjs）。我的服务器代码（发送到浏览器check.html包含路由文件main.js）： var express = require("express"); var app = express(); // express.createServer(); app.use(express.static(__dirname + '/public')); app.get("/*", function(request, response) { response.sendFile(__dirname + '/public/check.html'); }); app.listen(8080); check.html代码： <html data-ng-app="myApp"> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="angular.js"></script> <script type="text/javascript" src="angular-route.js"></script> <script type="text/javascript" src="main.js"></script> </head> <body> </body> </html> 在浏览器获得check.html文件后，他不会将其redirect到main.js以使用路由。我试图debugging它，但浏览器卡住，不做任何事情。我的应用程序是本地和试图连接到的URL是： HTTP：//本地主机：8080 /站并在控制台上正确加载所有文件没有任何错误。 main.js代码： var myApp = […]

angular 2 package.json文件的说明: 我不愿意使用angular 2快速入门指南中提供的打字稿编译器，而是使用gulp.js。然而，我有几个关于在angular website上提供的package.json文件的问题： { "name": "angular-starter", "version": "1.0.0", "scripts": { "tsc": "tsc", "tsc:w": "tsc -w", "lite": "lite-server", "start": "concurrent \"npm run tsc:w\" \"npm run lite\" " }, "license": "ISC", "dependencies": { "angular2": "2.0.0-beta.0", "systemjs": "0.19.6", "es6-promise": "^3.0.2", "es6-shim": "^0.33.3", "reflect-metadata": "0.1.2", "rxjs": "5.0.0-beta.0", "zone.js": "0.5.10" }, "devDependencies": { "concurrently": "^1.0.0", "lite-server": "^1.3.1", "typescript": "^1.7.3" […]

如何：将node.js mongodb结果传递给angularjs？: 所以我有一个使用Node.js查询的MongoDB 。数据没有被发送出去使用这个function，我不知道什么是错的 var findIco = function(db, callback) { var cursor =db.collection('footIco').find(); cursor.each(function(err, doc) { // console.log(err); if (doc != null) { console.log(doc); <—— DISPLAY THE DATA IN THE CONSOLE } else { callback(); } }); }; app.get('/icons', function(req, res){ //calling the function MongoClient.connect(url, function(err, db) { if(err) { console.log(err); return res.status(500).send(err); } findIco(db, function(icons) […]

AngularJS：http链调用和NodeJS的问题：在多个http调用中使用variables的问题: 我在我的node.js文件中有一个get调用和一个post调用，它们都使用与我在这些调用之外初始化为空string相同的variables。在post调用中，我设置了variables，而在get调用中，我将该variables的值返回给我的客户端angularjs，请求该值。在我的angularjs文件中，我先进行post调用，然后进行get调用，这意味着值应该被设置，并且应该在get调用被发出并返回时可用。这是我正在做的事情：的NodeJS var myUrl= ""; app.post('/post', function(req, res){ myUrl = res.url; }); app.get('/get, function(req, res){ res.json({result: myUrl}); }); AngularJS： var promise = $http.post('/post') .then(function(response){ return $http.get('/get'); }).then(function(response){ console.log(response.data.result); }); 我已经尝试了AngularJS诺言链调用，但它仍然无法正常工作。我遇到的问题是，当我在第一轮请求中进行get调用时，即使post调用已经发出，urlvariables还没有被设置，所以get调用返回一个空string。在第二轮请求中，get调用返回从第一个post调用中设置的值，依此类推。关于为什么会发生这种情况的任何想法以及有关如何解决此问题的build议，以便get调用返回同一轮请求中的post调用中设置的值（get调用在调用完成后发出）？我是相当新的NodeJS所以任何帮助表示赞赏！

环境标志已被弃用: 我试图在我的应用程序中安装依赖关系，我得到错误的环境标志是折旧的，也terminal说，以取代它与 – 全球我做了，但现在terminal说：“无法find”节点“（”NPM“）registry”。我跟着这个链接，使e2etestinghttp://lathonez.github.io/2016/ionic-2-e2e-testing/ yokeshs-Mac-mini:easycloud yokesh$ sudo typings install express –save –ambient typings ERR! deprecated The "ambient" flag is deprecated. Please use "global" instead yokeshs-Mac-mini:easycloud yokesh$ sudo typings install –global –save angular-protractor jasmine node selenium-webdriver typings ERR! message Unable to find "node" ("npm") in the registry. Did you want to try searching another source? Also, […]

angular2testing应用卡在加载: 为Angular 2制作一个testing应用程序，但由于某些原因，我无法解决，我的应用程序被卡在“正在加载…” 这里是文件： app.component.ts： import {Component} from '@angular/core'; import {LittleTourComponent} from './little-tour.component'; @Component({ selector: 'my-app', template: ` <h1>Test</h1> <little-tour></little-tour> `, directives: [LittleTourComponent] }) export class AppComponent { } 小tour.component.ts： import {Component} from '@angular/core'; @Component ({ selector: 'little-tour', template: ` <input #newHero (keyup.enter)='addHero(newHero.value)' (blur)="addHero.(newHero.value); newHero.value = '' "> <button (click) = addHero(newHero.value)>Add</button> <ul><li *ngFor='let hero of […]

客户端下载一个服务器生成的zip文件: 在有人说“重复”之前，我只想确定一下，那些人知道我已经回顾了这些问题： 1）使用angular度和PHP，不知道这里发生了什么（我不知道PHP）：下载压缩文件，并从angular度的方法触发“保存文件”对话框 2）不能得到这个答案做任何事情：如何使用angular度下载一个zip文件 3）这个人已经可以下载，这是过去的点，我试图找出：下载外部压缩文件从触发angularbutton操作 4）没有答案：从nodejs服务器下载.zip文件 5）我不知道甚至是什么语言： https : //stackoverflow.com/questions/35596764/zip-file-download-using-angularjs-directive 鉴于这些问题，如果这仍然是重复的，我很抱歉。这是这个问题的另一个版本。我的angular度1.5.X客户端给我一个标题列表，其中每个标题都有一个关联的文件。我的节点4.X / Express 4.X服务器获取该列表，获取文件位置，使用来自npm的express-zip创build一个zip文件，然后将该文件传回给响应。然后我希望我的客户端启动浏览器的“下载文件”选项。这是我的客户端代码（Angular 1.5.X）： function bulkdownload(titles){ titles = titles || []; if ( titles.length > 0 ) { $http.get('/query/bulkdownload',{ params:{titles:titles}, responseType:'arraybuffer' }) .then(successCb,errorCb) .catch(exceptionCb); } function successCb(response){ // This is the part I believe I […]

节点，angular度错误：ENOENT：没有这样的文件或目录: 我一直在遵循scotch.io教程来创build我的第一个节点和angular度的应用程序。我已经看到，相对path是一个在线的常见问题Error: ENOENT: no such file or directory ，据我可以告诉是相同的教程，所以我就是为什么它不工作。完整的错误信息是： Error: ENOENT: no such file or directory, stat'/Users/badman/githubRepos/travelGuide/app/public/index.html' at Error (native) 我的文件夹结构在这里。我的server.js： // set up web server var express = require('express'); var app = express(); var bodyParser = require("body-parser"); // routes require('./app/routes.js')(app); // listen (start app with node server.js) app.listen(3000, function() { console.log("server going"); […]