Tag: angularjs

在AngularJS，NodeJS，MongoDB，Mongoose和ExpressJS中使用单一表单发布到多个集合: 我想要一个表单发布到mongo的两个集合。 HTML看起来像什么 <form> …Field1 …Field2 …Field3 …Field4 </form> 控制器会是什么样子 app.controller….. $scope.var = {$scope.fields}….. $http post… …Field 1 & Field 2 to Mongo Collection 1 …Field 3 & Field 4 to Mongo Collection 2 基本上不需要2个独立的表单来提供2个集合。这可能吗？提前致谢追

拒绝参与Google AdSense的请求（阶段1）: 我正在尝试为Google AdSense服务注册我的networking应用程序。经过五次尝试仍然陷入第一阶段的错误：内容不足。我的networking应用程序是YouTube的search引擎，由AngularJ和NodeJs AngularJS完全支持asynchronous模式，这就是Google's crawlers问题。所以我实现了库prerender.io ，我已经设置了meta标签来解决Angular的问题。 <meta name = "fragment" content = ""> 我还在网站中准备了sitemap.xml ，并通过google的门户网站站长索引页面。该网站是一个search引擎， does not have static content和范围，所以我也在页面原则中添加了一些文本和描述，其中包含了其他的部分文件。尽pipe有这些变化，我还是不能通过第一阶段，我该怎么办？我没有做一个Web应用程序Angular所有必要的步骤？

如何获取由Bootstrap File Input插件创build的图像数据: 我有下面的select和显示选定的图像，改变图像，取消它的工作。所有这些都是由Bootstrap File Input插件完成的。 <div class="fileinput fileinput-new" data-provides="fileinput"> <div class="fileinput-new thumbnail"> <img src="http://www.placehold.it/512×512/EFEFEF/AAAAAA&text=NO+IMAGE" alt="" class="img-responsive" /> </div> <div class="fileinput-preview fileinput-exists thumbnail"> </div> <div> <span class="btn default btn-file"> <span class="fileinput-new">Select image </span> <span class="fileinput-exists">Change </span> <input type="file" name="…" > </span> <a href="#" class="btn red fileinput-exists" data-dismiss="fileinput">Remove </a> </div> </div> 现在这个Bootstrap文件input插件创build下面的img元素，它保存图像的数据。我需要这些数据，所以我可以使用AngularJS发送到我的节点服务器，并将该图像保存在我的服务器上的一个文件夹。 <div class="fileinput-preview fileinput-exists thumbnail"> <img […]

NPM开始抛出错误: 嗨，我正在尝试安装并运行angular-phonecat项目。从github安装git（windows）打开git shell.cloned的问题。我有节点已经安装，所以我打开节点控制台和types节点 – 版本。我得到v0.10.9 回到git shell。做npm安装在angular-phonecat目录（安装所有的依赖关系，如angular度js在这里build议： https ：//docs.angularjs.org/tutorial 我得到以下错误，然后： npm ERR! Error: No compatible version found: karma-chrome-launcher@'^0.1.4' npm ERR! Valid install targets: npm ERR! ["0.0.1","0.0.2","0.1.0","0.1.1","0.1.2","0.1.3","0.1.4","0.1.5"] npm ERR! at installTargetsError (C:\Program Files (x86)\nodejs\node_modules\ npm\lib\cache.js:709:10) npm ERR! at C:\Program Files (x86)\nodejs\node_modules\npm\lib\cache.js:631: 10 npm ERR! at saved (C:\Program Files (x86)\nodejs\node_modules\npm\node_modul es\npm-registry-client\lib\get.js:138:7) npm ERR! at […]

节点js从angular度PUT调用收到错误的数据: 我正在实现一个angular度的rest-crud客户端发送数据到一个节点api（我也正在实施）当我尝试使用ngResource从form-> angular将数据发送到节点api时，就像这样 cmsApp.factory('Misc', ['$resource', function($resource) { return $resource('/api/misc/:id', {}, { 'update': { method:'PUT' } // the $resource obj comes with save/query/get/delete but lacks the update-put method }); }]); 所以我得到一个错误 Error: invalid json 现在，我在这篇（旧）文章后面find了一个解决方法 cmsApp.config(function ($httpProvider) { $httpProvider.defaults.transformRequest = function (data) { var str = []; for (var p in data) { data[p] !== undefined […]

D3animation（转换）不适用于Angular应用程序: 我在一个指令中破解了一个包含简单饼图的指令。这是jsfiddle中的确切示例。但是，一旦我试图将其移动到我的networking应用程序，我得到的graphics是build立在以前的会议（覆盖），但没有animation。我没有控制台错误。当我做数据的日志，数据传递正确。以下是我目前使用的软件：AngularJS v1.2.1，D3版本：“3.4.13”，由Express和NodeJS托pipe。任何build议可能会导致此错误。我不想在每次获得新数据时重置SVG，我想要平滑过渡。 var App = angular.module('App', ['ngRoute', 'ngCookies']); App.directive('barsChart', function($parse) { d3.edge = {}; d3.edge.donut = function module() { var width = 460, height = 300, radius = Math.min(width, height) / 2; var color = d3.scale.category20(); ………….//rest is the same as the js fiddle example

HTML和JSON响应的相同URL: 我想知道是否使用相同的URL来提供HTML和JSON响应是一个很好的做法。例如，如果我正在build立一个博客，我有一个URL提供最新的项目，我会有一个URL /最新我想在我的端点angular度使用相同的URL来检索项目，所以我有以下路由在我的节点实现： app.get("/latest",function(req,res){ var type = req.header("Accept"); if(type.indexOf("application/json") > -1){ getLatestItems(req,res); } else { res.render("/latest", {user: req.session.username, current: "latest"}); } }); 我想知道如果这种方法是好的，还是有更好的我的JSON响应有一个单独的端点集？

如何将angular度uiselect结果绑定到ui-grid / ng-grid: 我想绑定一个UIselect结果到一个UI网格… $scope.gridOptions = { enableSorting: true, showFooter: true, columnDefs: [ { field: 'name', name: 'Name' }, ], data: 'multipleDemo.selected', onRegisterApi: function( gridApi ) { $scope.gridApi = gridApi; } }; $scope.selectItem = function (item, model) { $scope.gridApi.core.notifyDataChange( $scope.gridApi.grid, uiGridConstants.dataChange.EDIT ); }; 我的玉模板是这样的： ui-select(theme='bootstrap', multiple='', ng-model='multipleDemo.selected', ng-disabled='disabled', close-on-select='false', on-select='selectItem()') ui-select-match(placeholder='select something…') {{$item.name}} ui-select-choices(repeat='f in data | filter: […]

Yeomanangular发生器错误: 当我使用angular度yeoman发生器，我得到以下错误： module.js:340 throw err; ^ Error: Cannot find module './lib/pack.js' at Function.Module._resolveFilename (module.js:338:15) at Function.Module._load (module.js:280:25) at Module.require (module.js:364:17) at require (module.js:380:17) at Object.<anonymous> (C:\Users\kra\AppData\Roaming\npm\node_modules\generator-karma\node_modules\yeoman-generator\n ode_modules\download\node_modules\decompress\node_modules\decompress-tarbz2\node_modules\tar\tar.js:171:16) at Module._compile (module.js:456:26) at Object.Module._extensions..js (module.js:474:10) at Module.load (module.js:356:32) at Function.Module._load (module.js:312:12) at Module.require (module.js:364:17) 任何想法为什么？ npm版本1.4.28 节点版本0.10.33 yeoman版本1.3.3

节点js的busboy不发射事件与angularjs $ http后: Busboy似乎只是卡在那里。我testing了所有3个事件（文件，字段，完成），但没有发射任何东西。我的angular码在下面。 $http({ method : 'POST', url : mublAConfig.server + '/api/v3/user/friend', headers : { 'Content-Type' : 'application/x-www-form-urlencoded', 'Authorization' : access_token }, transformRequest : function(obj) { var str = []; for (var p in obj) { str.push(encodeURIComponent(p) + '=' + encodeURIComponent(obj[p])); } return str.join('&'); }, data : { id : $scope.writes[0].input, say : $scope.writes[1].input } […]