Tag: angularjs

错误:JSONparsing错误:使用angular translate时,属性名称必须是string文字

我使用nodejs&expressjs作为我的后端,Angular作为我的前端。 在我的网站中使用Angular translate时,控制台会显示以下消息: Error: JSON Parse error: Property name must be a string literal parse@[native code] fromJson@http://localhost:3000/angular/angular.js:1321:19 defaultHttpResponseTransform@http://localhost:3000/angular/angular.js:10393:24 http://localhost:3000/angular/angular.js:10484:14 forEach@http://localhost:3000/angular/angular.js:322:24 transformData@http://localhost:3000/angular/angular.js:10483:10 transformResponse@http://localhost:3000/angular/angular.js:11278:34 processQueue@http://localhost:3000/angular/angular.js:15961:30 http://localhost:3000/angular/angular.js:15977:39 $eval@http://localhost:3000/angular/angular.js:17229:28 $digest@http://localhost:3000/angular/angular.js:17045:36 $apply@http://localhost:3000/angular/angular.js:17337:31 done@http://localhost:3000/angular/angular.js:11572:53 completeRequest@http://localhost:3000/angular/angular.js:11778:15 requestLoaded@http://localhost:3000/angular/angular.js:11711:24 我相信JSON文件中的所有属性都被引用。 这是本地文件: { "directives.language-select.Language": "Select Language", "views.video-modal.Download": "Download", "views.video-modal.Visit": "Visit", "views.video-modal.Copy": "Copy", "views.video-modal.Close": "Close", } 奇怪的是,当我只有 "directives.language-select.Language": "Select Language", 这条线。 该网站工作完美。 什么原因导致这个问题

点击button后closures模式

我想要模式closures后,我点击是button,但现在,它只运行ng-click =“”函数。 点击yesbutton后,如何closures模式? <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <h4 class="modal-title" id="myModalLabel">Confirmation!</h4> </div> <div class="modal-body"> Do you want to send SMS? </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">No</button> <button type="button" class="btn btn-primary" ng-click="smsAll()">Yes</button> </div> </div> </div> </div>

与Express.js和Angular2的CORS

我试图从我的远程Express.js服务器下载一个PLY文件到我的Angular / Ionic应用程序。 我现在在Amazon AWS上托pipe我的Ionic应用程序。 这是Ionic应用程序的Typescript: //this.currentPlyFile encompasses entire URL document.getElementById('entity').setAttribute("ply-model", "src: url(" + this.currentPlyFile + ".ply);"); 我的Express.js服务器中有以下内容: app.use(function(req, res, next) { res.header('Access-Control-Allow-Credentials', true); res.header('Access-Control-Allow-Origin', '*'); res.header('Access-Control-Allow-Methods', 'GET,POST'); res.header('Access-Control-Allow-Headers', 'appid, X-Requested-With, X-HTTP-Method-Override, Content-Type, Accept'); if ('OPTIONS' == req.method) { res.send(200); } else { next(); } }); 但是在请求PLY文件时出现以下错误: XMLHttpRequest cannot load "my url here" No 'Access-Control-Allow-Origin' […]

如何编写一个节点快递应用程序,服务大多数本地文件,但重新路由到另一个域?

我正在开发一个小型web应用程序,通常使用相对复杂的stream程构build,然后部署到WebLogic。 不过,我正在使用的部分是使用AngularJS,并且都是HTML和Javascript。 它通常使ajax调用到同一个域上的另一个webapp。 为了缩短我的开发周期,我想避免构build过程,并重新加载浏览器页面。 我想我可以用“节点快递”来做到这一点,但是细节让我无法理解。 我已经设法定义一个非常简单的应用程序,只是提供本地文件,但现在我必须弄清楚如何检测这些path中的一些匹配expression式,并将这些请求重新路由到请求到外部域。 所以,如果它得到“/diag/stuff.html”,“/foo/thing.html”,或者只是“/index.html”的请求,它会发回匹配相同path的文件。 但是,如果path匹配“/fooService/.*”,那么我必须将GET的响应发回到相同的path,但是在不同的主机和端口上。 到目前为止,这是我的小应用程序: var express = require('express'); var app = express(); app.use("/", express.static(__dirname)); app.listen(8000); 更新: 我喜欢代理的想法,所以我做了一个“http-proxy”的本地安装(我忘记了,并且首先进行了全局安装),然后将脚本更改为: var express = require('express'); var app = express(); var httpProxy = require('http-proxy'); var proxy = new httpProxy.RoutingProxy(); app.use("/", express.static(__dirname)); app.get('/FooService/*', function(req, res) { "use strict"; return proxy.proxyRequest(req, res, { host: "foohost.net", port: 80 […]

错误 – 'bower install'失败,退出状态为1

在通过angular手机教程时 ,我在运行npm install命令后立即发现了以下错误: 我也查看了日志文件,但它或多或less重复了控制台中显示的相同错误消息。 我错过了什么?

Angular指令的Jade模板

在我的MEAN应用程序中,我使用玉石作为模板引擎。 我的问题是,当我调用一个angular度指令,玉代码不工作,但HTML代码工作。 我的代码如下: index.jade div(ng-repeat="num in addDir") admin-collection directive.js var formDir = angular.module("formDirective", []); formDir.directive('adminCollection', function() { return { restrict: 'E', transclude: true, // call jade template url templateUrl: '../_template/_formTemplate/_adminCollection.jade' }; }); _adminCollection.jade h1 from _adminCollection templateUrl 如果我在_adminCollection.jade中使用jade格式的代码,它只是显示纯文本,而不是h1标签内的文本 但下面的代码正在工作: directive.js var formDir = angular.module("formDirective", []); formDir.directive('adminCollection', function() { return { restrict: 'E', transclude: true, // […]

从Angular Controller调用节点函数的常用方法

让我加上这个,我更新Node / Express。 我有一个AngularJS应用程序,利用Node.JS来pipe理Azure Blob需求,例如创buildBlob容器,如下所示: function test(containerName) { blobSvc.createContainerIfNotExists(containerName, function (error, result, response) { if (!error) { // Container exists and allows // anonymous read access to blob // content and metadata within this container } }); }; test('blob4'); 从Node中的server.js执行时创build容器的函数按预期工作,并创build一个blob容器。 不过,我需要在AngularJS应用程序中单击创build一个blob容器。 我设想使用导出来访问和执行在Server.js中创build的函数,但看到一些混合的信息,尤其是当Express.js在图片中时,通过AngularJS客户端调用Node.js函数,因为它似乎在一个Angular应用程序必须进行http调用(请参阅本文中的最后一个答案: 从angular度应用程序调用nodejs中的函数 )。 我的问题如下: 1)由于我的应用程序当前使用Node,Express和Angular,我需要使用我的Angular控制器中的http来运行Node函数/如果通过AngularJS客户端调用,Node / Server.js中编写的所有函数都需要执行$ http即使他们不打电话服务,但可能是执行诸如math的function的function? 基于Express的呼叫示例: function MyCtrl($scope, $http) { // […]

将Javascript从节点快递发送到angular度服务

我正在尝试为客户端和服务器共享的实用程序方法编写一个通用的JavaScript端点。 我已经阅读过,但我正在努力把握这些概念。 我在想,也许把它作为一个string发送和使用eval? 我不确定最佳做法是什么。 到目前为止,我得到了: 需要脚本的客户端服务。 angular.module('passionForgeApp').service('Utils', function () { //TODO Load these from the server side utlity module. } 节点工具导出 'use strict'; var Utility = function(){}; Utility.isASCII = function (str) { return /^[\x00-\x7F]*$/.test(str); }; Utility.isAlphaNumeric = function(str) { var code, i, len; for (i = 0, len = str.length; i < len; i++) { […]

从基本应用程序获取一个angularjs错误

码: <!DOCTYPE html> <html> <head> <!– angular –> <script src="angular.min.js"></script> </head> <body ng-app="app"> <div ng-controller="MainController"> <p>{{ title }}</p> </div> <!– Modules –> <script src="app.js"></script> <!– Controllers –> <script src="MainController.js"></script> <!– Directives –> <script src="timelineInfo.js"></script> </body> </html> 我的所有文件都在同一个文件夹中,因为我在执行src =“js / …”时遇到问题。 我得到的错误: angular.min.js:6 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.0-rc.1/$injector/modulerr?p0=app&p1=Error%3…0%20%20at%20c%20(http%3A%2F%2Flocalhost%3A8080%2Fangular.min.js%3A20%3A42 我不完全明白网站的build议。 我在我的索引目录中使用angular.min.js,因为链接到http文件给我的问题。 所有我想要做的是运行一个简单的应用程序,所以我可以从那里build立,但即使这是给我的问题。 (我从本地机器上运行) 谢谢!! – – – – […]

锚标签和$ http.get之间的根本区别是什么?

我正在制作一个使用angular度的networking应用程序,我想知道当我点击一个标签时,有什么不同? <a href="/auth/twitter" target="_self" class="btn btn-primary">Login with Twitter OAuth</a> 相比于点击一个button,激发我的服务function。 $http.get('/auth/twitter') 后者导致没有“访问控制允许来源”的错误,第一个没有。 所以他们之间有些不同,但我无法弄清楚或者search它是什么。