Tag: angularjs

在Angular 2中使用JS库xml2js

我正在尝试在Angular 2(带有TypeScript的RC 1)web应用程序中使用xml2js作为XMLparsing器。 但是,我只是得到一些错误,没有工作的解决scheme 这是我一步一步做的: 通过npm install xml2js 按照d.ts-file通过tsd install xml2js 包含脚本链接到我的index.html: <script src="../node_modules/xml2js/lib/xml2js.js"></script> configurationSystemJS通过添加'xml2js': '../node_modules/xml2js'映射和'xml2js': { defaultExtension: 'js' }到包 通过import {Parser} from 'xml2js'; xml2js中的import {Parser} from 'xml2js';我的组件中的xml2js import {Parser} from 'xml2js'; 尝试在组件的构造函数中使用它: var parser = new Parser(); var xml = "<root>Hello xml2js!</root>" parser.parseString(xml, function (err, result) { console.dir(result); }); 这是浏览器控制台在打开包含组件的网页时告诉我的: module.js:440未捕获错误:找不到模块'sax' 和 GET文件:/// C:/ […]

计数由grunt监视的文件

我已经从我的客户端获得了一个新的Angular + Node项目,我将其设置在本地。 该应用程序运行良好。 但是,一个问题是当我运行grunt命令和我的系统挂起时CPU占用了100%。但是在我的客户机上configuration相同,一切似乎都运行正常。 看了很multithreading后,我发现这种问题发生在grunt正在监视太多文件的时候。 我也用grunt watch –verbose来查看我正在看的文件。 其实我倒像我们正在看很多不必要的文件,如angluar和jquery库文件。 有什么方法/插件来确切地计数我正在通过grunt命令观看多less个文件?

angularJS控制台日志正确,但没有输出

我有一个电子应用程序,假设要走一个目录 ,并将dir的内容列入侧栏nav 我正在使用这个库来演绎这个目录。 我得到正确的控制台输出如下所示,但我想我做错了,我可以看到在HTML页面上的输出。 正在行走目录的文件的代码是 var fs = require('fs-extra'); var app = angular.module('music', []); app.controller('ctrl', function($scope, $http) { var list = []; var _id = 0; fs.walk('/home/a0_/Music') .on('data', function(item) { list[_id] = {'song':item.path} _id = _id + 1; } ) .on('end', function() { console.log(list); _id = 0; } ); $scope.data = list; }); 在获取范围数据我试图通过使用ng-repeat循环数据,但似乎我没有做正确的,因为我不能看到输出。 我究竟做错了什么? […]

Socket.io socket.broadcast.to不工作

我在我的Express服务器 userbase = {'Fitz': '84Iw3MNEIMaed0GoAAAD'}; //Exapmle user to receive message and associated socket id //Sending message to Example user socket.on('send_msg',function(data_from_client){ //Testing for receivers socketId console.log(userbase[data_from_client.to_user]);//This returns the socket id for Fitz in userbase successfully ie 84Iw3MNEIMaed0GoAAAD socket.broadcast.to(userbase[data_from_client.to_user]).emit('get_msg',{msg:data_server.msg}); }); 当我为我的客户端设置一个处理程序来处理'get_msg'时,我感到惊奇的是,我什么也得不到。 .factory('SocketFctry',function(){ var socket = io('http://localhost:3002') return socket; }) .controller('ChatCtrl', function($scope,SocketFctry) { SocketFctry.on('get_msg',function(received_message){ console.log(received_message); $scope.$apply(); }) }); […]

重新启动浏览器后,ngCookies不会保存cookie

var app = angular.module('MyApp', ['ngCookies']); app.controller('MyController', function ($scope, $window, $cookies) { $scope.WriteCookie = function () { $cookies.put("Name", $scope.Name); }; $scope.ReadCookie = function () { $window.alert($cookies.get('Name')); }; $scope.RemoveCookie = function () { $cookies.remove('Name'); }; }); <html> <head> <title></title> </head> <body> <div ng-app="MyApp" ng-controller="MyController"> Name: <input type="text" ng-model="Name" /> <br /> <br /> <input type="button" value="Write Cookie" […]

使用声明文件打字稿

您好我有我的打字稿项目中使用声明文件的问题。 声明文件如下: // Type definitions for Dropzone 4.3.0 // Project: http://www.dropzonejs.com/ // Definitions by: Natan Vivo <https://github.com/nvivo>, Andy Hawkins <https://github.com/a904guy/,http://a904guy.com/,http://www.bmbsqd.com>, Vasya Aksyonov <https://github.com/outring>, Simon Huber <https://github.com/renuo> // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped /// <reference path="jquery.d.ts"/> interface DropzoneResizeInfo { srcX?:number; srcY?:number; trgX?:number; trgY?:number; srcWidth?:number; srcHeight?:number; trgWidth?:number; trgHeight?:number; optWidth?:number; optHeight?:number; } interface DropzoneFile extends File { previewElement: HTMLElement; previewTemplate: HTMLElement; […]

MEAN堆栈如何处理login和redirect

我有一个简单的MEAN堆栈应用程序,只是尝试了解身份validation,并使其工作。 你可以在github上签出完整的程序: https : //github.com/7seven7lst/chatterApp 在Angular(app.js)中,我有以下的个人资料路由被限制: angular.module('chat', ['ui.router', 'chat.main', 'chat.signin', 'chat.profile']) .config(function($stateProvider, $urlRouterProvider, $httpProvider) { $urlRouterProvider.otherwise('/'); $stateProvider .state('home', { url: '/', templateUrl: 'views/main.html', controller: 'MainCtrl' }) .state('signin', { url: '/signin', templateUrl: 'views/signin.html', controller: 'SigninCtrl' }) .state('profile', { url: '/profile', templateUrl: 'views/profile.html', controller: 'ProfileCtrl' }); // the following will give angular injection error /* $httpProvider.interceptors.push(function($q, $state) […]

使用restangular将表单数据从AngularJs前端发布到NodeJS RESTful API

即时通讯工作在一个项目,即时通讯有麻烦张贴表单数据从我的angularJS前端到我的后端RESTful API使用restangular。 每次我尝试我得到一个错误代码400(坏请求)。 下面我的代码 app.js 'use strict'; angular .module('clientApp', ['ngRoute', 'restangular']) .config(function ($routeProvider, RestangularProvider) { RestangularProvider.setBaseUrl('http://127.0.0.1:3000'); $routeProvider .when('/', { templateUrl: 'views/login.html', controller: 'LoginCtrl', controllerAs: 'login' }) .when('/create/user', { templateUrl: 'views/user-add.html', controller: 'UserAddCtrl', controllerAs: 'userAdd' }) .otherwise({ redirectTo: '/' }); }); 视图/ user.html <div ng-controller="UserAddCtrl"> <form class="form-horizontal" name="regForm" ng-submit="saveUser()"> <fieldset> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">First […]

如何在angularjs中使用ng-class应用css

我有一个标签,当我在我的领域没有数据时,我想要应用课程。 <label class="col-xs-6 btn btn-white" ng-click="checkMultiSelect(vm.settingsObj.customfields_student,val.key)" ng-class="{'active': vm.settings.customfields_student.indexOf(????) == -1 }"> 我的设置对象是这样的: "details": { "__v": 0, "_id": "58413d990533de0d1a3a4986", "customfields_student": [ "" ], } } 任何人可以build议帮助我如何才能申请类,当它是空的?

尝试在快速路由中发送响应时,安全握手失败

我正在build立一个Twitter的情绪的读者,当我尝试发送一个回应的angular度,我遇到了问题。 在添加res.send()之前,一切正常,并logging了情绪。 现在我添加了res.send()函数,它将错误的数据发送回angular度。 Angular有它作为错误500和我的节点控制台有错误说POST / postUsername安全握手失败: 一些库的东西说明:TCPstream的结束“。 快速路线 router.post("/postUsername", function(req, res){ console.log(req.body.userName); var client = new Twitter({ consumer_key: '', consumer_secret: '', access_token_key: '', access_token_secret: '' });// client client.get('statuses/user_timeline', {screen_name: req.body.userName, count:20}, function(error, tweets, response) { tweet = analyzeIt.seperateData(tweets); var document = language.document(tweet); if (!error) { var parsedScore; var parsedMagnitude; var finalScore; var options = { […]