Articles of angularjs

什么是这种types的多重属性过滤调用? (见截图)

aws控制台使用这个伟大的过滤机制,让用户过滤多个属性。 有谁知道这叫什么? 如果是这样,在Angular中的任何实现? http://imgur.com/FEaaxxz

Grunt在开发环境中美化或不美化

我在AngularJS Web应用程序中使用Grunt Uglify来丑化我的javascript和css文件。 我有一个开发,testing和生产环境。 我只想在部署testing和生产的时候才丑化,但是在开发中我想保持我的代码没有uglify,使debugging任务更容易。 到目前为止,我正在手动。 我的意思是,我有一个包含所有美女代码的index.html,当我要部署一个版本的时候,我会隐藏代码并进行部署。

如何使用ng-file-upload在express js中保存文件图像

我是新的在nodejs发展,并表示我学习平均值栈nad现在我不知道我怎么可以在n这个工作人员在我的路线我有这个代码 var express = require('express'); var router = express.Router(); var multer = require('multer'); var upload = multer({ dest: __dirname + '/public/uploads/' }); router.post('/', upload.single('file'), function(req, res) { console.log(req.file); res.status(200).json({ file: req.file}); }); module.exports = router; 但我保存不是图像。 我如何保存图像文件? 我的意思是一些解码function或什么? 在控制台我看到这个: { fieldname: 'file', originalname: 'my.jpg', encoding: '7bit', mimetype: 'image/jpeg', destination: '/home/path/mean/public/uploads/', filename: '8b6256d4af77641c844480f05806e959', path: '/home/path/mean/public/uploads/8b6256d4af77641c844480f05806e959', size: […]

从我的node_modules文件夹中转换AngularJS的正确方法

我select使用npm来包含我的UI依赖,比如AngularJS。 安装之后,依赖关系存在于node_modules文件夹中。 我可以直接使用AngularJS使用<script src='/node_modules/angular/etc.'></script> 实际上,我想要做的是将其转换为我的一部分吞噬任务,并将(如果必要,请将其缩小/ uglify)移动到我的资产文件夹中。 什么是正确的方法来做到这一点? 我如何find所有的依赖库,这是一个手册包括还是有更好的方法? 我的吞咽任务如下所示: gulp.task("min:js", function () { gulp.src(["js/**/*.js", "!" + "js/**/*.min.js"], { base: "." }) .pipe(concat("assets/js/site.min.js")) .pipe(uglify()) .pipe(gulp.dest(".")); });

$ injector:modulerr AngularJS,尝试了一切

我是新来angular,我正在跟随angularjs网站上的教程 我到目前为止所尝试的是: 安装angular度路由并在angular.min.js下注入脚本 在我的模块中使用ngRoute 将控制器脚本添加到我的layout.jade 使用另一个视图引擎,vash,仍然是一样的错误 包括脚本头部,尾部,在布局视图中,在index.jade中没有任何作用 我正试图解决这个错误两天了。 请帮帮我 :( 这是我的代码: layout.jade: doctype html html(ng-app="phoneCatApp") head meta(charset="utf-8") script(src='lib/angular/angular.min.js') script(src='lib/angular-route/angular-route.min.js') script(src='js/controllers.js') title= title link(rel='stylesheet', href='/stylesheets/style.css') body(ng-controller="PhoneListCtrl") block content index.jade: extends layout block content ul li(ng-repeat="phone in phones") span {{phone.name}} p {{phone.snıppet}} controller.js: var phonecatApp = angular.module('phonecatApp', ['ngRoute']); phonecatApp.controller('PhoneListCtrl', function ($scope) { $scope.phones = [ { 'name': […]

节点REST API图像呈现问题

我有一个问题,在网页上显示一个简单的图像。 我有一个API的节点后端和查看页面的节点Web服务器。 代码工作得很好,但我需要添加一个中间网关(将在未来处理身份validation),它打破了代码。 我使用express和gridfs来存储并从mongo文件中取回。 这是代码 HTML / Angular页面 <img id="image" ng-src="http:localhost:3000/api/files/images/{{data.image}}" alt="" /> 网关(节点) var request = require('request'); //settings – retrive the url of the api backend micro-service var url = require('./configApiGw').url_service_api_contents; //api to retrive a file stored in mongo using gridfs app.get('/api/files/images/:id', function(req, res, next){ var uri = url+'/api/files/images/:'+req.params.id; request({ uri: uri, method: "GET", […]

Angular.JS:由于以下原因无法实例化模块路由:错误:$ injector:nomod模块“路由”不可用

目前我收到上面提到的错误。 我觉得这很奇怪,我得到这个错误,因为我不想使用Angular的'路由',只是使用angular来发布/获取数据。 我的angularfunction被分割成模块,服务和控制器文件。 最重要的是,我使用了名为“EJS”的引擎。 所以这意味着下面的HTML列表看起来有点不完整。 这是因为我包含了大部分的HTML文件,其中像导航栏这样的基本内容被加载了。 HTML: <% include ../layout %> <body ng-app="clientModule"> <div class="container" data-ng-cloak data-ng-app="clientModule" data-ng-controller="clientController"> <form class="navbar-form navbar-left" role="search" method="POST" name="formClient"> <div class="row"> <div class="form-group"> <label for="">Client name</label> <input type="text" class="form-control" placeholder="Please enter client name" name="clientName" ng-model="client.clientName" style="width: 100%" required> </div> </div> <div>&nbsp;</div> <div class="row"> <div class="form-group"> <label for="">Client address</label> <input type="text" […]

closuresUrl上客户端的socket.io连接

我使用Socket.IO来绘制绘制图表的数据,在var socket = io.connect(); 我的节点js服务器的io.on('connection', function(socket){})启动一个函数,间隔每1秒它发出的数据连接的客户端。 我希望套接字closures从客户端和服务器的Url(远离应用程序)的变化应该停止发射数据。

如何填充字段是否为空string如果为空不需要填充?

我有一个应用程序,有大量的数据以前保存在mongoDB。 现在我需要填充一些信息,如果referencePeople不是空的string。 在我的应用程序referencePeople是stringtypes而不是mongoose ObjectIdtypes。 我不想改变我的模式。 有没有什么办法可以在填充之前检查referencePeople是否为空。 或者如果是空的,避免填充。 模式: var OrderSchema = new mongoose.Schema({ customer: {type: mongoose.Schema.Types.ObjectId,ref: 'Customer'}, referencePeople: String, // can be "" or "customer id" …… }); 试图咆哮的代码,但得到了一个exception铸造ObjectId失败的价值“”path“ID” exports.getOrders = function(req, res) { Order.find({}) .populate('customer') .populate({path: 'referencePeople', model: 'customer'}) .exec(function(error, orders) { if(error) { return res.status(400).send({msg: 'Error occurred while getting orders.', error: error}); } […]

如何stream式传输数据以提供进度条

我有一个NodeJS应用程序做一些计算,我想在客户端( AngularJS )填写一个进度条,显示完成的计算量。 现在我做这样的事情: 服务器端 : var compute_percent = 0; router.post('/compute', function(req, res) { myTask.compute1(function(result) { compute_percent = 33; myTask.compute2(function(result2) { compute_percent = 66; myTask.compute3(function(result3) { compute_percent = 100; res.json(result3); }); }); }); } router.get('/compute_percent', function(req, res) { res.json(compute_percent); } 客户端 angular.module('myApp').controller('myCtrl', function($scope, $interval, $http) { $interval(function() { $http.get('/compute_percent').success(function(result) { $scope.percent = result}); }, 500); […]