Articles of angularjs

如何从与nodejs的angular度获得“req.something”的等价物

我正在关注如何使用nodejs和护照进行身份validation的教程。 ( http://scotch.io/tutorials/javascript/easy-node-authentication-setup-and-local ) 本教程使用ejs渲染模板并传入闪存数据。 而不是这个,我想使用angularjs。 我遇到的问题是获取闪存数据。 我知道如何使用模板和发送variables,但angular度replace下面的代码中的“req.flash('signupMessage')”? 这是教程显示的代码: app.get('/signup', function(req, res) { // render the page and pass in any flash data if it exists res.render('signup.ejs', { message: req.flash('signupMessage') }); }); 这是我build立我的路线的代码 // public/js/appRoutes.js angular.module('appRoutes', []).config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) { $routeProvider // show signup form .when('/signup', { templateUrl: 'views/signup.html', controller: 'SignupController' }); $locationProvider.html5Mode(true); }]); […]

AngularJS:socket.io破坏套接字

我正在使用一个节点的socket.io服务器和一个基于angular度的socket.io客户端(使用angular-socket.io ),除了在一个特定的条件下,它运作良好:我不知道如何彻底销毁sockets当套接字无法连接时,用它完成。 工作stream程是这样的:在一个给定的页面上有一个button来打开一个模式,模式的打开将sockets工厂注入到模块控制器中,并且连接到socket.io服务器。 这一切都很好,当套接字可以连接。 当模式closures时,调用$ scope.destroy并且模态控制器中的处理程序试图清理套接字。 这种模式可以closures和重新打开多次,或只有一次。 我多次创build/销毁套接字的过程可能是我的问题的一部分,这可能不是正确的范例,但是当模式被closures时,将无法与其交互,并且在页面离开之后套接字当然不会不需要存在或保持连接。 套接字创build: angular.module('app.common.newSocketFactory', ['btford.socket-io']) .factory('newSocketFactory', ['socketFactory', function(socketFactory){ return function(){ return socketFactory({ioSocket:io.connect('http://localhost:3000', {forceNew: true})}); }; }]); 注射: angular.module('…', [ 'app.common.newSocketFactory', …. ]) .controller('Controller', ['$scope', '$modalInstance', 'newSocketFactory', … function ($scope, $modalInstance, newSocketFactory, …){ … $scope.socket = newSocketFactory(); 这是我的销毁处理程序: $scope.$on('$destroy', function(){ $scope.socket.emit('unlisten'); $scope.socket.disconnect(); //have tried passing true too. }); 这可以正确地工作,当套接字能够连接在模式closures之前,服务器中的断开的事件观察到客户端断开连接。 另外,我可以closures模​​式,然后closures服务器,不会尝试重新连接。 […]

browserSync的modRewrite不适用于angularjs html5mode的path“app / index.html”与吞咽

当我运行gulp时,服务器以消息开始:不能得到/。 当我指向localhost:3000 / app / index.html时,站点redirect到localhost:3000 / home并正常工作。 但是,当我重新加载页面,它给:不能得到/ home。 请检查以下configuration,看看是否有遗漏: 访问path:app / index.html 这是我的gulpfile.js: var gulp = require('gulp'), nodemon = require('gulp-nodemon'), jshint = require('gulp-jshint'), browserSync = require('browser-sync') modRewrite = require('connect-modrewrite'); gulp.task('lint', function () { gulp.src('app/js/*.js').pipe(jshint()); }); gulp.task('serve', function() { browserSync({ server: { baseDir: "./", middleware: [ modRewrite([ '!\\.\\w+$ /index.html [L]' ]) ] } }); […]

angular度抛出错误$ parse:ueoe意外的expression式结尾

我的网站的这部分是错误的,我不明白,因为我没有改变,在几个月。 错误是: Error: [$parse:ueoe] http://errors.angularjs.org/1.4.3/$parse/ueoe?p0=event._id%3FEventController at Error (native) at http://localhost:3000/scripts/libs.js:44598:416 at Object.q.consume (http://localhost:3000/scripts/libs.js:44801:157) at Object.q.ternary (http://localhost:3000/scripts/libs.js:44794:497) at Object.q.assignment (http://localhost:3000/scripts/libs.js:44794:284) at Object.q.expression (http://localhost:3000/scripts/libs.js:44794:237) at Object.q.filterChain (http://localhost:3000/scripts/libs.js:44794:145) at Object.q.expressionStatement (http://localhost:3000/scripts/libs.js:44794:91) at Object.q.program (http://localhost:3000/scripts/libs.js:44793:458) at Object.q.ast (http://localhost:3000/scripts/libs.js:44793:257) <li class="controller__item controller__item–disabled" data-controller-range="[1, 1]" data-event-sidebar-to="false" ng-click="event._id ? EventController.update(event._id, event) : EventController.create(event)"> 根据angular.js: 错误:$ parse:ueoe意外的expression式结尾意外的expression式结束:event._id描述当expression式在expression式末尾缺less记号时发生。 例如,忘记expression式中的右括号会触发这个错误。 要解决,请详细了解Angularexpression式,确定错误并修复expression式的语法。 HTML模板: <main class="main"> <div […]

Express.js和Angular.js项目的文件夹结构

我正在M * EAN Stack(MySQL)下开始一个新的项目,想知道如何构build它,我将使用John Papa的 Angular项目的样式指南 ,但是这非常酷,特别是对于LIFT原则。 Express有点麻烦,它有它自己的MVC结构,可以处理路由,模型,视图等等,但是我想用Angular来处理,我希望Express只是一个RESTful API。 我一直在想要使用的文件夹结构是: ├── node_modules ├── app │ ├── client │ │ ├── app.module.js │ │ ├── app.config.js │ │ ├── users | │ │ ├── users.module.js | │ │ ├── users.config.js | | | ├── admins.view.html | | | ├── admins.controller.js | | | ├── registered.view.html | […]

使用Maven,量angular器和Selenium WebDriver进行集成testing

我们开发了一个Web应用程序,在后端使用Java,在UI中使用Angular,使用Maven作为构build系统。 我一直在尝试使用量angular器来设置自动化的集成testing,并且在Google负载/ StackOverflowing加载之后,仍然无法弄清楚如何实现最终的2端configuration。 Node.js / NPM安装(失败) 我已经尝试使用前端Maven插件来处理Node.js和NPM安装,但是由于我们是在公司防火墙的后面,似乎不可能直接下载任何东西。 虽然它可以从我们的Artifactory下载Node,但是在NPM下载失败(我不明白为什么它甚至会下载它,因为它是Node包的一部分)。 无论如何,我放弃了这个想法,并决定使用本地安装的节点。 启动Tomcat 为e2etesting启动/停止一个Tomcat实例很好地被处理 <plugin> <groupId>org.apache.tomcat.maven</groupId> <artifactId>tomcat7-maven-plugin</artifactId> <version>2.2</version> <configuration> <url>${tomcat.manager.url}</url> <path>/</path> <server>Tomcat</server> </configuration> <executions> <!– Starting Tomcat –> <execution> <id>start-tomcat</id> <phase>pre-integration-test</phase> <goals> <goal>run</goal> </goals> <configuration> <!– Fork the process, otherwise the build will be blocked by the running Tomcat –> <fork>true</fork> <port>${tomcat.port}</port> <systemProperties> <!– We want to use […]

如何在angular js中实现rabbitmq

我使用节点js resful api和amqp来处理api请求。 rabbitMQ在Node js中工作正常,但是在js中是不可能的。 我怎样才能在客户端angularjs脚本实现amqp。

Angular 2快速入门 – 我的应用程序组件不加载

试图学习angular度,所以我已经开始在他们的网站( https://angular.io/guide/quickstart )的TypeScript快速入门教程, 我正在研究Ubuntu 14.04。 我已经按照每一步,最后我没有得到任何错误,但组件不加载。 相反,我所看到的唯一的事情是“加载…”,而不是主要组件“我的应用程序”。 我在浏览器中看到的 index.html : <html> <head> <title>Angular 2 QuickStart</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="styles.css"> <!– 1. Load libraries –> <!– Polyfill(s) for older browsers –> <script src="node_modules/core-js/client/shim.min.js"></script> <script src="node_modules/zone.js/dist/zone.js"></script> <script src="node_modules/reflect-metadata/Reflect.js"></script> <script src="node_modules/systemjs/dist/system.src.js"></script> <!– 2. Configure SystemJS –> <script src="systemjs.config.js"></script> <script> System.import('app').catch(function(err){ console.error(err); }); </script> […]

使用angular度cli从node_modules文件夹添加CSS

我已经用npm安装了一个新的库,到目前为止这么好。 现在我想在那里导入的CSS到我的项目,显然我不应该直接链接到node_modules文件夹。 那么,有没有一个简单的做我的项目导入? 我正在使用Angular CLI。 我有一个想法,但我不知道这是一个好主意 – 我想安装gulp / grunt,然后需要那里的风格,并将其作为vendor.css输出到我的项目。 这甚至有可能吗?

用于Node.js或Javascript库的DWG转换器

我想在我的AngularJS应用程序中显示AutoCAD文件(.DWG),并为我的应用程序使用Node.js后端。 JavaScript中是否有任何DWG库? 是否有任何DWG节点库将DWG文件转换为SVG / PDF / … 我不想编辑它们; 只是在我的应用程序中显示在线。 唯一我能find的是: http : //etc.nkadesign.com/Download/Cad2svg 这是一个linux命令行工具,但是我不能使用它,因为我想在Heroku平台上托pipe我的应用程序。