Articles of angularjs

运行“业力:单位”(业)任务警告:无法加载“HTML”,它没有注册! 也许你错过了一些插件?

当我跑出grunt test时,我得到了下面的警告,并没有给我预期的结果,这是写unit testing的进度。 错误:- Running "karma:unit" (karma) task WARN [reporter]: Can not load "html", it is not registered! Perhaps you are missing some plugin? INFO [karma]: Karma v0.12.15 server started at http://localhost:8080/ INFO [launcher]: Starting browser Chrome WARN [watcher]: Pattern "F:/AngularExamples/TestingAngular/test/mock/**/*.js" do es not match any file. INFO [Chrome 34.0.1847 (Windows 7)]: Connected on socket […]

Node.js + AngularJS + socket.io:连接状态并手动断开连接

我在客户端上使用了socket.io和angularjs的nodejs。 我从互联网上find了angular-socketio的例子,并且给它添加了disconnect方法。 套接字服务: angular.module('app') .factory('socket', ['$rootScope', function ($rootScope) { var socket = io.connect(); return { on: function (eventName, callback) { socket.on(eventName, function () { var args = arguments; $rootScope.$apply(function () { callback.apply(socket, args); }); }); }, emit: function (eventName, data, callback) { socket.emit(eventName, data, function () { var args = arguments; $rootScope.$apply(function () { if […]

节点js / Angular js – 小心:临时标题显示

这是我的Angular js代码: $http({ method:'POST', withCredential:true, url:$scope.config.app_ws+'auth/signup', data:{user:$scope.auth} }).success(function(status, response){ console.log(response); }).error(function(status, response){ alert(response+'Bummer 🙁 , an error occured plese retry later. '); }); 这是我的Node.js片后端: var allow_cross_domain= function(req, res, next) { res.header('X-Powered-By', 'hey.heyssssssss.org'); var oneof = false; if(req.headers.origin) { res.header('Access-Control-Allow-Origin', req.headers.origin); oneof = true; } if(req.headers['access-control-request-method']) { res.header('Access-Control-Allow-Methods', req.headers['access-control-request-method']); oneof = true; } if(req.headers['access-control-request-headers']) { res.header('Access-Control-Allow-Headers', […]

如何使用AWS设置AngularJS应用程序?

我是否会使用EC2实例并在其上安装Web服务器(如Node.js),然后按照惯例执行所有操作,或者是否必须使用AWS SDK for JavaScript? (这不是一个静态的AngularJS应用程序,将与应用程序服务器交互)

Express +angular度路由导致无限循环+崩溃

我正在使用Express以及Angular工作Node应用程序。 我正在使用Angular进行路由,并且让我的路由设置如下所示: app.config(['$routeProvider', function ($routeProvider) { $routeProvider.when('/', { templateUrl: '/partials/main' //controller: 'IndexController' }).when('/discover', { templateUrl: '/partials/discover' }).when('/user/home', { //HERES THE PROBLEM CHILD!!!!! templateUrl: '/partials/user/home' }).otherwise({ redirectTo: '/' }); }]).config(['$locationProvider', function ($locationProvider) { $locationProvider.html5Mode(true); }]); 现在, 每当我尝试调用/user/home – 页面进入一个无限循环,并不断重新加载控制器。 我可以在节点控制台看到页面是从partials/user/home调用的,它肯定包含一个Jade文件。 我检查了其他post,其中大部分都是在部分path开始时用屁股解决的,这在这里没有帮助。 如果我把home.jade转换到没有子目录的/partials目录下,页面加载的很好。 有任何想法吗? 更新:似乎无限循环发生任何时候我尝试加载部分的任何子目录中的部分。 每个请求: 节点 – App.js: app.get('/', routes.index); app.get('/partials/:name', routes.partials); app.get('*', routes.index); 和routes / […]

集成Sails Js和Angular 2

我正在尝试将Angular 2集成到Sails Js应用程序中。 我是新来的。 我一直在这里的官方教程。 它在静态http服务器的独立模式下工作正常,但是当我尝试集成到sails应用程序时,出现以下问题: 1 – 我如何在本地node_modules文件夹内引用angular2 js。 每次我做,帆将它解释为一条路线,并给我一个404我的脚本。 例如: <script src="node_modules/angular2/dist/angular2.min.js"></script> 我现在可以使用cdnjs链接克服上述问题,但是我想知道更好的/合适的解决scheme。 2 – 我添加了tsc和tsc -w脚本到我的package.json,但是即使sails lift –verbose我没有得到任何输出或错误。 这是我如何将脚本添加到json文件: "scripts": { "tsc": "tsc", "tsc:w": "tsc -w", "debug": "node debug app.js", "start": "node app.js" } 最后,我不得不用-g安装打印机并手动编译。 这工作,但再次,预计将与脚本工作。 知道我错过了什么会很高兴。 3 – 为了摆脱上述错误,当我再次举起服务器时,它给了我更多的404错误,似乎来自system.src.js ,我无法弄清楚。 请参阅下面的控制台screengrab。 我想我可能会在sails中设置angular度应用程序目录时出错。 只是为了确保我们覆盖了一切,这里是我正在使用的目录结构。 帆应用程序还没有任何东西。 这就是为什么下面的path只是angular度相关的工件和资产。 在资产文件夹中: 应用 │├──app.component.ts │└──main.ts .ts文件当然会被编译成js。 在sails的视图文件夹我有layout.ejs其中有以下内容: […]

WebSocket连接失败:在WebSocket握手期间出错:意外的响应代码:400

我正在尝试将Socket.io与Angular集成在一起,并且在从客户端到服务器端进行连接时遇到困难。 我已经看过其他相关的问题,但我的问题是本地发生的,所以没有中间的Web服务器。 这是我的服务器代码的样子: const app = express(); const server = http.createServer(app); const io = require('socket.io').listen(server); io.on('connection', function(socket) { socket.emit('greet', { hello: 'Hey, Mr.Client!' }); socket.on('respond', function(data) { console.log(data); }); socket.on('disconnect', function() { console.log('Socket disconnected'); }); }); 我使用Grunt按以下顺序加载客户端JavaScript文件: dist: { src: [ public/bower_components/angular/angular.min.js, … public/bower_components/socket.io-client/dist/socket.io.min.js, public/bower_components/angular-socket-io/socket.min.js, … ] } 然后在我的控制器中: function MyController($scope) { let socket = […]

如何debuggingyeoman应用程序?

从使用服务器端语言/平台(如java,python / django和php)开发Web应用程序的背景下,我开始学习Node.js和yeoman。 我认为能够debugging服务器端代码是必不可less的,以提高代码质量。 节点支持通过节点检查器和–debug选项进行debugging。 但是,如果一个应用程序是使用一个生成器创build出来的,比如说AngularJS,并且使用grunt启动,那么是否有一种简单的方法来启用debugging? 也许我应该首先提出的一个更高层次的问题是:如果yeoman促进(作为教程中的特色)AngularJS,这是一个客户端MVC框架,那么大多数代码将从浏览器而不是从节点运行。 这就是为什么服务器端debugging不再重要的原因,因此没有logging?

如何强制Angular在HTML5模式下向服务器发送请求?

我正在使用angular和nodejs来构build和web。 我在/homepath中加载Angular,其中/包含login和registry单。 这是我的angular度configuration: window.app.config(['$routeProvider', '$locationProvider', function($routeProvider,$locationProvider) { $locationProvider.html5Mode(true); $locationProvider.hashPrefix('!'); $routeProvider. when('/profile', { templateUrl: '/views/account.html', }). when('/edit', { templateUrl: '/views/edit.html', }). when('/home', { templateUrl: 'views/index.html' }). when('/signout', { templateUrl: 'views/signout.html' //on this view i load a controller which submits a form to /signout }). otherwise({ redirectTo: '/home' }); } ]); 在服务器端路由: app.get('/',function(){ res.render('index',{ user: req.user? req.user:'guest' […]

使用发送事件以编程方式创buildDropzone发送附加数据

我有以下(简化例如)angular度指令创build一个dropzone directives.directive('dropzone', ['dropZoneFactory', function(dropZoneFactory){ 'use strict'; return { restrict: 'C', link : function(scope, element, attrs){ new Dropzone('#'+attrs.id, {url: attrs.url}); var myDropZone = Dropzone.forElement('#'+attrs.id); myDropZone.on('sending', function(file, xhr, formData){ //this gets triggered console.log('sending'); formData.userName='bob'; }); } } }]); 正如你可以看到sending事件处理程序,我试图发送用户名(“bob”)以及上传的文件。 但是,我似乎无法在我的路由中间件中检索它,因为req.params作为一个空数组返回(我也尝试了req.body )。 我的节点路由 { path: '/uploads', httpMethod: 'POST', middleware: [express.bodyParser({ keepExtensions: true, uploadDir: 'uploads'}),function(request,response){ // comes back as […]