Articles of angularjs

如何使用Angular js&Node.js通过dynamic生成的字段将数据发布到mongodb

我正在开发产品上传页面。 几乎没有固定的字段,根据用户的select会产生很less的字段,然后整个数据会被发送到mongoDb。 模型 var productsSchema = new Schema({ merchantId: {type: String, required: true}, productName: {type: String, required: true}, productDescription: {type: String, required: true}, productStock: [ { price: {type: Number, required: true}, color: {type: String, required: true}, } ], offerFromMerchant: { offerStartDate: {type: Date, required: false}, offerEndDate: {type: Date, required: false}, discountPercent: {type: Number, required: false} […]

用AngularJS下载文件

我需要提供一个链接来下载一个文件,这个链接必须被任何用户隐藏和访问,这里是我的代码,没有任何错误,但是我甚至无法打开下载对话框: 模板 <a ng-href="#" target="page" type="button" class="btn" ng-click="download()">Download</a> 脚本文件 $scope.download = function(){ //here i need to know the code,can anybody explain me }

NodeJS和AngularJS – 使用客户端证书authentication来保护REST API

我目前正在努力使REST Api服务器(NodeJS + Express + Mongoose)安全,除了我的客户端应用程序(AngularJS 1.6)和我的pipe理应用程序(基于AngularJS 1.6)之外,没有人可以访问路由并获取或放置数据到我的数据库。 所有内容都使用有效的SSL证书在https上运行。 我主要想到两种方法: 共享密钥在特定路由需要“访问密钥” 客户端证书authentication 我没有去。 2,因为在我的想法这是最安全的(请纠正,如果我错了:)) 所以我设置我的API服务器在https上运行,并请求一个有效的客户端证书: var options = { ca: fs.readFileSync(__dirname + "/cert/server.ca"), key: fs.readFileSync(__dirname + "/cert/server.key"), cert: fs.readFileSync(__dirname + "/cert/server.crt"), requestCert: true, rejectUnauthorized: false }; https.createServer(options, app) .listen(PORT, () => { console.log(`up and running @: ${os.hostname()} on port: ${PORT}`); console.log(`enviroment: ${process.env.NODE_ENV}`); }); 我通过以下方式直接在应用程序中处理未经使用的用户的拒绝: if […]

用户在文本段落内部标记程序逻辑

您好,我有一个基本的社交networking应用程序的要求。 我的问题似乎很愚蠢,这只是为了从你们那里得到观点和程序逻辑。 我的要求是,用户必须能够提供其他用户在testing职位内的名称完全相同的Facebook。 看到下面的图片 我想显示在facebook中相同的职位 有人可以build议我一个很酷的想法做到这一点。 我的计划是以下。 创build一个类似于这个“@ user-userid这是一个testing”的post文本,并在post详细信息中包括用户详细信息。用post详细信息中的名称replace“@ user-userid”。 有没有更好的想法做同样的? 提前致谢…. PS:我需要在Android,IOS和angularJs Web应用程序上执行相同的逻辑。

Heroku中的外部文件中的angular度路由

我一直在研究一个相对简单的MEAN栈应用程序,现在想用Heroku来托pipe它。 我90%的方式,但我似乎无法获得状态/页面路由工作。 如果有帮助,我使用Yeoman,Gulp和Bower。 当然,它在当地工作正常,但我找不到有关指定Heroku的路由器文件的信息。 我有一种感觉,我可能会错过一个简单的“server.use()”语句,但它也可能是我需要在我的package.json中做出的变化。 我已经尝试在版本库中包含dist /文件夹,因为很多论坛都提到这个问题,但没有任何结果。 后端工作正常(除了使用mLab),所以Heroku的应用程序至less有点configuration正确。 这是我的服务器: // Modules var gzippo = require("gzippo"); var express = require("express"); var server = express(); var bodyParser = require('body-parser'); var mongo = require('mongodb'); var mongoose = require('mongoose'); // Controllers and Services var topic = require('./controllers/topic'); var auth = require('./controllers/auth'); var cors = require('./services/cors'); // Middleware server.use(cors); server.use(bodyParser.json()); […]

expressjs中间件的“res.sendFile”和angular度客户端的“ng-src”的组合不起作用

我正尝试用头像图片创build用户configuration文件; 我用multer成功上传了头像图片; 现在我正试图提供一个选项来编辑configuration文件; 作为编辑的一部分,我必须在客户端显示头像图片; 我已经在中间件中写了一个服务来使用res.sendFile返回头像图像; 中间件控制器: exports.readAvatar = function(req, res) { if (req.user) { res.sendFile(path.resolve(__dirname + "/../../uploads/" + req.user.avatar)); } } 我甚至从浏览器testing这个服务,并成功的工作,但是当我试图显示这个化身服务使用ng-src与数据url像下面的响应,它没有工作。 客户控制器: Users.avatar($routeParams.userId).then(function(data) { $scope.avatar = "data:image/jpeg;base64,"+data; }, function(errorResponse) { $scope.error = errorResponse.message }); HTML: <img data-ng-src="{{avatar}}" > 当我GOOGLE时,我发现res.sendFile实际上是发送一个字节stream; 所以我试图把它转换成一个string,然后编码转换的string,并在ng-src中使用这个编码的string,但无济于事。 任何帮助将不胜感激/

如何使用其他节点项目的node_modules目录

我有一个想法。 比方说,我正在学习angular度,我创造了许多testing项目。 用命令ng new project_name 。 每次我启动这个命令,都需要很多时间来下载和安装node_modules。 我在想什么,我可以使用ng new project_name –skip-install创build项目来创build项目并跳过节点模块安装,稍后我将在我的项目configuration文件(systemjs.config.js) paths: { // paths serve as alias 'npm:': 'node_modules/' <– here I change the path to some other directory }, 使用已安装模块的其他某个项目的node_modules目录。 我试图实现的不是一次又一次地下载相同的模块,也不会减慢我的项目创build时间。

电子应用程序没有在系统启动时自动打开

我已经创build了一个electron app并保存在C:\Users\USER-NAME\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\文件夹,以便它将立即执行时,用户login到系统。 除了一个问题,一切正常。 我知道有一个像npm-auto-launch的替代scheme可以在系统启动时执行电子应用程序。 但是,我更喜欢把它保存在上面提到的文件夹中。 问题:当系统处于desktop mode ,应用程序正在运行并在login时立即打开。 但是,当用户从desktop mode切换到tab mode ,应用程序图标显示在task bar但除非用户手动点击图标,否则应用程序不会打开。 我GOOGLE了很多,但没有find任何解决这个确切的问题。 任何支持将不胜感激。 提前致谢。

如何在angularjs中着重于编辑器编辑器

我已经使用angular度减法器编辑器(编辑器中的HTML编辑器的npm包)我想专注于文本区域(redector编辑器)下面的ng点击代码不工作,但如果我从文本区域中删除redactor="redactor_options"它作品,但编辑不显示。 根据angular-redector文件,他们使用jQuery方法来集中,但是因为我在angularjs上工作是否有任何angularjs方法来做到这一点? 简而言之:有没有什么angularjs方法专注于ng-click的编辑器? html文件 `<div ng-click="focusInput=true"> <textarea ng-model="data.content" redactor="redactor_options" cols="30" rows="10" focus-me="focusInput"></textarea> <div>' 控制器我添加了关于ng-click上textarea的重点指令 `app.directive('focusMe', function($timeout) { return { link: function(scope, element, attrs, redactor) { scope.$watch(attrs.focusMe, function(value) { if(value === true) { $timeout(function() { element[0].focus(); scope[attrs.focusMe] = false; }); } }); } }; });`

angular度路线不工作 – 一些模板url错误

我开始与AngularJS,但路由器不工作在我的网站上。 这是一些configuration与我的路线有关: 首先,app.js: // Declare app level module which depends on views, and components angular.module('myApp', [ 'ngRoute', 'myApp.view1' ]). config(['$locationProvider', '$routeProvider', function($locationProvider, $routeProvider) { $locationProvider.hashPrefix('!'); $routeProvider.otherwise({redirectTo: '/'}); }]); 其次,view1.js angular.module('myApp.view1', ['ngRoute']) .config(['$routeProvider', function($routeProvider) { $routeProvider.when('/view1', { templateUrl: '/views/view1/view1.html', controller: 'View1Ctrl' }); }]) .controller('View1Ctrl', [function() { }]); angular.js,app.js和view1.js被添加到index.html ng-view用于显示view1.html中的内容 这是我的文件夹树: 项目 **pipe理员 ****** app.js ****** index.html […]