Articles of angularjs

使用Angular 2与VS2015更新2 – 获取npm – 没有安装错误

我创build了一个空的核心1.0 web应用程序,并添加了一个package.json文件, 从这个url复制angular2快速启动package.json行。 我不断收到消息Dependencies – 没有安装,没有安装npm。 有谁知道这是为什么发生? 我是否必须在我的电脑上实际安装node.js,以便Visual Studio能够使用它? 鲍尔完美的作品…

节点抛出TypeError:无法读取未定义的属性'indexOf'

不确定,但我认为我有一些工作,但它没有,我得到的错误是相当无益的。 所以,试图发送护照对象的路线之一,我明白应该只是设置 var users = require('./routes/users')(app, passport); 这在启动时会引发故障 > /Users/bengtbjorkberg/.nvm/versions/node/v0.12.0/bin/node app.js Test > something 2 > /Users/bengtbjorkberg/WebstormProjects/goMinute/node_modules/express/lib/router/index.js:130 > var search = 1 + req.url.indexOf('?'); > ^ TypeError: Cannot read property 'indexOf' of undefined > at Function.proto.handle (/Users/bengtbjorkberg/WebstormProjects/goMinute/node_modules/express/lib/router/index.js:130:27) > at router (/Users/bengtbjorkberg/WebstormProjects/goMinute/node_modules/express/lib/router/index.js:35:12) > at Object.<anonymous> (/Users/bengtbjorkberg/WebstormProjects/goMinute/app.js:41:38) > at Module._compile (module.js:460:26) > at Object.Module._extensions..js (module.js:478:10) > at […]

Grunt构build导致Angular应用程序在dist上崩溃

我正在使用Grunt并执行cmd“grunt build”来创build包含AngularJS应用程序的分发文件夹。 作为一个独立的我的应用程序工作正常。 一旦我创build了应用程序的发行版,应用程序开始很快崩溃。 我看到在F12工具控制台是: 达到10 $ digest()迭代。 中止! 我怀疑我的.tmp目录中的一个文件名为vendor.js,并且由于控制器dependency injectionvariables将注入的控制器参数(例如“$ scope”)注入到“a”中,所以无法正确缩小,uglify和/即使我正在使用ngAnnotate。 请参阅我正在使用UglifyJs和Uglify和Concat之前调用ngAnnotate,但我不能从useMinPrepare中删除UglifyJs,或者我有其他的错误,如脚本目录甚至不是在我的dist目录中创build: useminPrepare: { html: '<%= yeoman.app %>/index.html', options: { dest: '<%= yeoman.dist %>', flow: { html: { steps: { js: ['concat', 'uglifyjs'], css: ['cssmin'] }, post: {} } } } }, 我在我的GruntJs文件中设置mangle = false,但我怀疑useMinPrepare js: ['concat', 'uglifyjs']更改执行顺序并运行uglify之前ngAnnotate可以运行时调用useMin ,即使我调用后, ngAnnotate 。 我是新来的Grunt,这个应用程序已经从另一个开发人员传给我。 我发现这篇文章对我来说并不完全有意义,也不是一个代码更改似乎适用于我的Gruntfile.js,但我想也许我正在做的事情: https://github.com/DaftMonk/generator-angular-fullstack/issues/164 […]

将http.get数据获取到本地JSON数组variables中

我对Angular和Nodejs很新,认为这将是一个有趣的项目。 我试图从http.get中的http.get中获取json数据,并将其放入可变的城市,以便它可以显示在Google地图上。 当我尝试console.log(cities); 它返回一个对象,但console.log(cities.items)返回并且未定义; 当我试图看到,如果我可以JSON.stringify $http.get的数据,它显示下面的数据是我想要完成的。 有没有另外一种方式来获取这些数据到var城市,所以我可以使用它如下所示? { "city": "New York", "state": "NY", "desc": "Google NYC", "lat": 40.7418, "long": -74.0045 } 任何帮助是非常appreicated angular.js //Angular App Module and Controller var sampleApp = angular.module('mapsApp', []); var cities = $http.get('/locations').success(function (data){ $scope.items = data.items; }) var mapOptions = { zoom: 8, center: new google.maps.LatLng(41.5, -73), mapTypeId: google.maps.MapTypeId.TERRAIN } […]

如何正确设置Node,Express和Angular2

我正在尝试使用Node,Express,Angular2(数据库,MongoDB或SQL)设置工作区, 但我不知道如何正确设置它的组合。 我的文件结构看起来像这样到目前为止,我打算把公共文件夹的前端。 ── package.json ├── public ├── routes │ └── test.js ├── server.js └── views 到目前为止,我的server.js看起来像这样 var express = require('express'); var mysql = require('mysql'); var cookieParser = require('cookie-parser'); var bodyParser = require('body-parser'); var path = require('path'); var lel = require('./routes/test'); var app = express(); app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: false})); app.use(cookieParser()); app.use(express.static(path.join(__dirname, 'public'))); app.use('/api/', test); app.use(function(req, […]

用webpack将供应商库分成多个块

我想将我的供应商代码分成两个块,一个包含所有angular库,另一个包含所有其他的东西。 我的angular度应用程序有一个单一的入口点,并设置如下所示: entry: { app: './path_to/app.js', vendor: ['jquery', 'moment', 'numeral'], 'vendor.angular': ['angular', 'angular-route', 'angular-numeraljs'] } 然后我使用CommonsChunkPlugin来configuration其他两个包: new webpack.optimize.CommonsChunkPlugin({ name: 'vendor', chunks: ['app'], warnings: false, filename: 'vendor.bundle.js' }) new webpack.optimize.CommonsChunkPlugin({ name: 'vendor.angular', chunks: ['app'], warnings: false, filename: 'vendor.angular.bundle.js' }) 这会生成3个文件: Version: webpack 1.13.1 Time: 12719ms Asset Size Chunks Chunk Names app.bundle.js 19.2 kB 0 [emitted] app […]

无法将新模块添加到AngularJs Boilerplate

我正在做一个有angular度的项目,并决定使用样板。 这里是链接到样板: https : //github.com/jakemmarsh/angularjs-gulp-browserify-boilerplate 我面临的问题是我无法添加任何新的模块。 例如我想通过npm添加ngCart。 我已经安装了它,但不能在代码中访问。 `import angular from 'angular'; // angular modules import constants from './constants'; import onConfig from './on_config'; import onRun from './on_run'; import 'angular-ui-router'; import 'ngCart'; //this doesn't import it import './templates'; import './filters'; import './controllers'; import './services'; import './directives'; // create and bootstrap application const requires = [ 'ui.router', […]

阻止访问AngularJS中的pipe理页面

我想知道AngularJS中最好的方法是保护pipe理页面,即普通用户不应该看到的页面。 显然,会有后端authentication,但由于AngularJS应用程序是客户端,人们仍然可以从理论上看路由,直接转到这些URL并查看pipe理页面。 我使用Express,PassportJS和MongoDB(Mongoose)作为我的后端。 自然,他们将无法与pipe理页面进行交互,因为在创build,删除服务器端身份validation,但我宁愿甚至不提供页面给用户,如果他们没有适当的访问。 由于该应用程序是完全客户端JS,但我认为这是不可能的,因为人们可以修改路由和其他东西。 最好的办法是什么呢? 感谢您的任何意见!

从node.js服务器运行angular度

我有以下文件 – 1)index.html 2)app.js(angular度控制器在这里) 3)routes.js(我试图从这里加载index.html – 在localhost:3000上监听) 4)index.css 5)node_modules文件夹 routes.js: var express = require('express'), app = express(), server = require('http').createServer(app), io = require('socket.io').listen(server); server.listen(3000); app.use("/node_modules", express.static('node_modules')); app.use("/public", express.static('public')); app.get('/', function(req, res){ res.sendFile(__dirname + '/index.html'); }); io.sockets.on('connection', function(socket){ socket.on('send message', function(data){ io.sockets.emit('new message', data); }); }); 当我通过从文件资源pipe理器中单击打开index.html文件时,它正常打开正常。 但是,当我运行routes.js,以获取相同的index.html文件,我得到原始的HTML没有angular度的影响。 为什么是这样? 谢谢! 编辑: 我现在可以从localhost:3000/public/访问我的index.css和app.js。 我用app.use("/public", express.static('public')); 在我的routes.js 。 […]

错误“不允许加载本地资源:file:// sharedpath”

在chrome中的服务器(nodejs)上运行时,下面的代码不起作用 <span><a href="file://sharedpath" target="_blank">Open folder.</a></span> 我在开发人员工具中收到以下错误消息: 不允许加载本地资源:file:// sharedpath 但是当在浏览器(新选项卡)中打开相同的path( file://sharedpathpath)时,我能够看到该path的文件夹结构。 在IE中工作正常。 这是Chrome的问题吗? 或者在服务器上运行时,这是一个问题? 任何人都可以在这个问题上提出build议