Articles of 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&amp;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 } […]