Tag: angularjs

Angularjs和Socket.io，不可能在我的视图中编辑一个值: 为了学习使用AngularJS和NodeJS，我想创build一个聊天室…所有的angular度控制器工作正常，我可以发送信息到我的NodeJS服务器（与socket.io）。但问题是：当我的clientApp收到一个socket.on，并在我的视图中更改var的值，它不工作…你知道为什么吗？视图： <!– Users connected –> <div class="row" ng-controller="connectedUsersCtrl"> <div class="col-md-8"></div> <div class="col-md-4" ng-model="connectedUsers">{{connectedUsers}}</div> </div> app.js： var chatApp= angular.module('chatApp', []); var socket = io.connect('http://127.0.0.1:2901'); chatApp.controller('connectedUsersCtrl', ['$scope', function ($scope) { socket.on("connectedUsers", function(number) { console.log("There are " + number + " users."); // All work but not this line… ! $scope.connectedUsers = number; }); }]); 谢谢你的帮助。 […]

cordova.js之前的angular.js在angular.js中导致未处理的exception: 我正在使用Visual Studio 2015来创build一个跨平台的平板电脑应用程序。当angular.js之前有cordova.js的时候，它工作的很好。 <link href="css/bootstrap.css" rel="stylesheet" /> <link href="css/font-awesome.css" rel="stylesheet" /> <!– Cordova reference, this is added to your app when it's built. –> <script src="cordova.js"></script> <script src="scripts/platformOverrides.js"></script> <!– AngularJS references –> <script src="scripts/frameworks/angular.js"></script> <script src="scripts/frameworks/angular-route.js"></script> <script src="scripts/script.js"></script> <script src="scripts/controllers.js"></script> 不过，我需要使用ngCordova添加电子邮件composer php。根据ngCordova网站，我需要在cordova.js和AngularJS / Ionic文件（因为ngCordova依赖于AngularJS）之前在index.html文件中包含ng-cordova.js或ng-cordova.min.js。所以我把cordova.js之前的angular.js。现在，我收到错误消息“未处理的exception，在3400行ms-appx：//io.cordova.myapp4934a5/www/scripts/frameworks/angular.js中的第9列”。我从HTML标签中删除了ng-app，并手动引导了AngularJS，这没有帮助。这是我在任何其他脚本之前放入头标签的脚本。 <script type="text/javascript"> var pgapp = […]

Javascript / AngularJS / NodeJS – 检查重复？: 我有一个非常棘手的错误…. 我将数据传递给一个函数。该function要做的是获取这些数据，并确保数据不存在于另一个页面上。在另一个页面上的数据是一个数组，如果没有任何内容给未定义。我想要做什么的想法如下： if($scope.profile.x.VALUE_IN_UNDEFINED_ARR_X === undefined) { //AKA theres nothing in the profile yet…add to users profile } else { if($scope.profile.x.name === myData.name) { //now theres a duplicate found } else { //add to users profile } } 我似乎无法得到像这样的工作。对我来说，它总是在第一个if语句（undefined）中执行代码。然后继续添加重复项。我希望你们也许可以帮我写一个可以解决这个问题的循环。谢谢

由于文档的点击事件，angularjs multiselect下拉菜单会使页面变得沉重: 我已经实现了这个angular度多选下拉菜单。 http://dotansimha.github.io/angularjs-dropdown-multiselect/#/ 它有以下的方法，保持跟踪事件closures打开的下拉菜单。 if ($scope.settings.closeOnBlur) { $document.on('click', function (e) { // some code here }); } 你可以在https://github.com/dotansimha/angularjs-dropdown-multiselect/blob/master/src/angularjs-dropdown-multiselect.jsfind这个方法这种方法使我的angularJS页面沉重，这沉重的performance恶化。有什么可以做的替代？谢谢。

在将数据导出到excel / csv angularjs的同时设置列宽和文字包装属性: 我已经创build了一个ng-directive来parsing数据，并通过点击应用指令的button将数据导出为excel。以下是将数据导出为csv格式的代码。 angular.module('employeesApp') .directive('exportdetailsCsv', ['$parse', 'DetailsManagerService', function ( $parse, DetailsManagerService) { return { restrict: 'A', scope: false, link: function(scope, element, attrs) { var data = ''; var csv = { stringify: function(str) { return '"' + str.replace(/^\s\s*/, '').replace(/\s*\s$/, '') // trim spaces .replace(/"/g,'""') + // replace quotes with double quotes '"'; }, generate: function(claimDetails, employeeCode, […]

select至less一个checkboxvalidation: 我有我想从中select至less一个checkbox，并希望显示validation错误checkbox的数组我怎样才能做到这一点？这是我的代码 <div class="form-group" ng-class="{ 'has-error' : submitted && form.field.$invalid }"> <div class="col-md-12"><label for="field" >Select at leat one</label></div> <div class="col-md-2" data-ng-repeat="i in [1,2,3,4]"> <label><input type="checkbox" name="field[$index]" value="{{i}}" data-ng-model="form.field[$index]" required/>Choice {{i+1}}</label> </div> <div ng-show="submitted && form.field.$invalid" class="help-block"> <p ng-show="form.field.$error.required">Please select at least one choice<p> </div> </div> </div>

angular与节点: 所以我试图工作AngularJS和节点。我正在尝试设置客户端路由，但我有一些问题。编辑所以我改变了一些代码： @PareshGamibuild议的https://github.com/scotch-io/starter-node-angular 。我得到的url被击中，但现在的实际内容不加载。这是我更新的代码： server.js： var express = require('express'), app = express(), bodyParser = require('body-parser'), mongoose = require('mongoose'); app.use(bodyParser.json()); require('./server/routes')(app); app.use('/js', express.static(__dirname + '/client/js')); app.use('/views', express.static(__dirname + '/client/views')); app.use('/bower_components', express.static(__dirname + '/bower_components')); app.use('/node_modules', express.static(__dirname +'/node_modules')); app.listen(3000); console.log('Im Listening…'); exports = module.exports = app; 我的angular度app.js： (function (angular) { 'use strict'; var app […]

AngularJS – 工厂未定义？: 我试图将一个工厂注入控制器。工厂是为了pipe理authentication事件。这是一些代码： 'use strict'; /** * @ngdoc function * @name LoginCtrl * @module triAngularAuthentication * @kind function * * @description * * Handles login form submission and response */ angular.module('triAngularAuthentication') .factory('Auth', ['$http', 'localStorageService', function ($http, localStorageService, API_REST) { function urlBase64Decode(str) { var output = str.replace('-', '+').replace('_', '/'); switch (output.length % 4) { case 0: […]

使用Node.js / Angular在Google电子表格JSON上进行跨源请求: 我试图从公开的Google Spreadsheets页面中检索JSON。最初我试着只是做一个AJAX调用，数据被检索，但我不能保存数据到我的$范围。接下来我尝试了$ http.get，但碰到了跨源请求问题。然后，我的解决scheme是使用后端的请求模块来获取JSON var request = require('request'); var url = "MY_URL"; request(url, function (error, response, body) { if (!error && response.statusCode == 200) { res.send(body); } }) 我把它放在前端，所以我可以像这样在这个url上执行$ http.get请求 $http.get(url).success(function(data){ console.log(data); }); 但是，当我将其logging到控制台时，Chrome检查器无法parsingJSON，因为Google电子表格JSON在JSON区域之前有“gdata.io.handleScriptLoaded（”）。我想知道是否有办法仍然可以parsing这个？或者如果有一个更简单的方法来克服交叉原点请求的问题？到目前为止，我正在考虑将string拼接成有效的JSON，但我相信还有更好的方法。

javascript错误TypeError：无法读取未定义的属性“后”: 我已经创build了一个MEAN栈web应用程序，按照教程http://start.jcolemorrison.com/building-an-angular-and-express-app-part-2/添加如下所示的signup.js之后， var express = require('express'); var router = express.Router(); router.post('/', function (req, res) { 我收到以下错误： router.post('/', function (req, res) { ^ TypeError: Cannot read property 'post' of undefined 请指导我