Tag: angularjs

Express EJS模板如何传递json对象来查看它是否是未定义的

当用户login时,我将用户分配给window.user对象供客户端使用 请注意,我使用passport.js,这意味着当用户进行身份validation时,req.user将是一个有效的mongoose模型对象。 否则req.user将被定义 passport.deserializeUser(function(id, done) { User.findById(id, function(err, user) { done(err, user); }); }); locals.user被分配在我的路线中。 在我的路由中间件: res.locals.user = JSON.stringify(req.user) //stringify in js instead of ejs, easier to write 最后一步,在我的ejs文件中: <script type="text/javascript"> window.user = <%- (locals.user) || '' %> </script> 如果用户没有login,我应该通过“',还是'{}'或'空'? 在客户端,我最有可能使用angular.fromJson方法,它的文档很差: https ://docs.angularjs.org/api/ng/function/angular.fromJson 不过,我可能使用jQuery.parseJSON非angular度模块。 目前我使用空string,但我必须每次检查长度,这是tedius。

什么是ES6中的子模块?

假设我有一个名为a.js的ES6模块。 a.js模块导入b.js和c.js模块。 同样, b.js导入d.js和c.js导入e.js 现在我想知道哪些是子模块和超级模块。 我觉得b.js和c.js是c.js的子模块。 但我不确定。 真的很困惑。 请帮忙。 提前致谢。

获得$ resource.query的工作AngularJS

我努力得到我的$resource.query() work.I已经build立了一个简单的服务,以获得我已经存储在一个文件夹中的.json项目的列表。 虽然我认为我使用了正确的代码,但我仍然收到以下错误: 错误:[$ resource:badcfg]操作query资源configuration错误。 预期的响应包含一个数组,但有一个对象(请求:GET /数据/仪表板) 如何让这个工作与单独的文件? PS我正在使用nodeJS和HTTP服务器来创build一个localhost:8000环境来查看我的行动的结果。 我的文件夹结构: /.. /data /dashboard //contains 1 .json file for every item I would like to monitor in my dashboard 1.json 2.json 3.json /js /controllers dashboardCtrl.js /directives /services dashboardResource.js myDash.js /lib //(This folder contains the AngularJS files) myDash.js var myDash = angular.module("myDash", ["ngRoute", "ngResource"]); myDash.config(function($routeProvider, $locationProvider) { […]

Jade没有在Angular Routing上工作

我使用expressjs作为web服务器,还有玉器。 我正在使用angularjs做客户端路由,但我的UI并不是我期望的是我的代码和输出 var express = require('express'); var morgan = require('morgan'); var app = express(); app.use(express.static(__dirname + '/public')); app.use(morgan('dev')); app.set('view engine', 'jade'); app.get('/', function (req, res) { res.render("layout.jade"); }); app.listen(3030); layout.jade doctype html html(ng-app="myapporder") head title my orders app include scripts.jade body block body h1 orders div(ng-view) angapp.js (function(){ var app = angular.module('myapporder' , ['ngRoute']); app.config(function($routeProvider){ […]

Gulp – 如何追加到dest而不是replace

我有一个代码: gulp.task('concat-uglify-js', function() { return gulp.src(src + 'js/*.js') .pipe(concat('angular-filemanager.min.js')) .pipe(uglify()) .pipe(gulp.dest(dst)) }); gulp.task('cache-templates', function () { return gulp.src(tplPath + '/*.html') .pipe(templateCache('cached-templates.js', { module: 'FileManagerApp', base: function(file) { return tplPath + '/' + path.basename(file.history); } })) .pipe(uglify()) .pipe(gulp.dest(dst)); }); 我想合并这两个任务输出在一个文件中…“angular-filemanager.min.js” 有一个选项可以做类似的事情 .pipe(gulp.dest(dst, {mode: "APPEND_INSTEAD_OF_REPLACE"})); ? 谢谢!

平均/ AngularJS应用程序检查对象是否已经发布

我有thig angularJS前端,我在后端使用express,node和mongo。 我的情况如下所示: //my data to push on server $scope.things = [{title:"title", other proprieties}, {title:"title", other proprieties}, {title:"title", other proprieties}] $scope.update = function() { $scope.things.forEach(function(t) { Thing.create({ title: t.title, //other values here }, function() { console.log('Thing added'); }) }) }; //where Thing.create its just an $http.post factory HTML部分看起来像: //html part <button ng-click="update()">Update Thing</button> 然后在同一页上用户有能力改变$scope.things和我的问题是,当我再次调用update()所有的东西都发布两次,因为字面上多数民众赞成我在做什么。 有人可以解释我如何检查'东西'它已经发布到服务器只是为了更新值($ […]

如何获取js响应的angular度js中的数据(来自js中间件)

所以我正在手动创build令牌。 我想要做的是用户login后,令牌发送到JSON格式的angular度模块或其他一些格式无关紧要,然后我想保存在cookie中。 这里是来自节点js的一个简单的json响应代码 res.json({success : 1, token: "adhahashahd"}); 请现在指导我如何获取这个angular度控制器,然后如何保存这个angular度的cookie。 谢谢。 这是编辑的部分家伙 这是我调用节点js路由的控制器代码 $http.post('../userlogin', $scope.user).success(function(response) { console.log(response); 这是整个过程完成后由nodejs做出的响应 res.json({token : "asx"}); 现在这是我从下面给出的答案跟随的cookie部分。 $http.post('../userlogin', $scope.user).success(function(response) { console.log(response); $http.get('userlogin').success(function(data){ data=JSON.Parse(data); $cookie.put('token',data.token) }).error(function(error){ console.log(error) }) 这个错误出现在前端部分,就像谷歌浏览器的开发者窗口中看到的一样 GET http://localhost:1339/userlogin 404 (Not Found) 向上投票你们所有人,谢谢你们。 一个问题,如果所有的答案都足够好,我可以接受多个答案。 因为你们都给出了正确的build议。 我真的很感激。 🙂 编辑没有2个人 当我只是这样做 var z = response.token; console.log(z); $cookie.put('token', z); 我能够得到我想要的,但现在错误与cookie有关。 它读取 ReferenceError: $cookie […]

在loopback中通过id更新启动脚本中的模型值?

我在我的一个服务器启动脚本中使用这个代码 – var server = require('../server'); var ds = server.dataSources.mysql; var express = require('express'); var request = require('request'); var router = express.Router(); module.exports = function(app) { app.get('/test',function(req,res){ //console.log(server.model); server.models.Company.update({ filter: { where: { id: 1 }, }, }, name: 's12' }); }); }; 问题是它更新数据库中的所有行。 我应该如何使这个函数更新名称,其中id是1。 请帮我介绍一下。

MEAN.JS Ver 0.4.1,生成器(CRUD)不起作用

安装了Mean.JS版本0.4.1。 更新的bower软件包和NPM在源文件夹上安装。 当我尝试创buildcrud模块使用 您好意思:垂直模块客户 有以下错误 Error meanjs:垂直模块客户 您似乎没有安装名为meanjs:vertical-module的生成器。 您可以使用npm search yeoman-generator来查看可用的生成器,然后使用npm install [name]安装它们。 看到0注册的发电机运行哟与–help选项。 我曾与Ver 3.0工作,从未有过这样的问题。 附加的图像 我在这里先向您的帮助表示感谢

ElementNotVisibleError:无法在量angular器IE浏览器中单击元素错误

当我尝试在IE_11浏览器中执行量angular器脚本时,出现以下错误。但是,在Chrome浏览器和Firefox浏览器中工作正常的同一脚本.Saying元素不可见。但是,当我通过暂停浏览器手动执行脚本时,各个元素都是可见的。 ElementNotVisibleError:无法点击元素(警告:服务器没有提供任何堆栈跟踪信息)命令持续时间或超时:141毫秒构build信息:版本:'2.47.1',修订:'411b314',时间:'2015-07- 30 03:03:16'系统信息:host:'XXXXXX',ip:'10 .XXX.CCC.33',os.name:'Windows 7',os.arc h:'amd64',os.version: '6.1',java.version:'1.8.0_51'Driver info:org.openqa.selenium.ie.InternetExplorerDriver Capabilities [{browserAttachTimeout = 0,enablePersistentHover = true,ie.forceCreat eProcessApi = false,pageLoadStrategy = normal,ie.usePerProcessProxy = false,ignoreZ oomSetting = false,handlesAlerts = true,version = 11,platform = WINDOWS,nativeEvents = true,ie.ensureCleanSession = false,elementScrollBehavior = 0,ie.browserCommandLi neSwitches =,requireWindowFocus = false,browserName = Internet Explorer,initialBro wserUrl = http:// localhost:3653 / ,takesScreenshot = true,javascriptEnabled = true,ig noreProtectedModeSettings […]