Articles of angularjs

路由在AngularJS中使用HTML来提供JS文件

我创build了一个AngularJS应用程序,并且正在创build一个服务,为用户提供一个像localhost:8080/sync/03afdbd66e7929b1这样的链接,它们应该与人们共享,并将它们带到一个表单中。 但是,在我设置路由来处理这个请求之后,像这样: app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider){ $routeProvider .when('/', { templateUrl : 'views/home.html', controller : 'mainCtrl' }) .when('/about', { templateUrl : 'views/about.html', controller : 'mainCtrl' }) .when('/begin', { templateUrl : 'views/sync.html', controller : 'syncCtrl' }) .when('/sync/:id', { templateUrl : 'views/form.html', controller : 'formCtrl' }) .otherwise({ redirectTo : '/' }); if(window.history && window.history.pushState){ $locationProvider.html5Mode(true); } }]); 并创build一个名为form.html的视图,然后当我尝试去上面的链接,突然所有的JavaScript文件都充满了我的index.html,我有以下javascript错误: […]

使用angular度上传后使用节点存储图像

我正在使用mean stack创build一个web应用程序,其中任何用户都可以上传图像,并将其存储在mongo数据库或服务器系统的文件夹中。 我正在使用angular度file upload上传图像。 问题出现在nodejs部分,当我尝试打印req.body它显示一个空的对象。 HTMl代码: <input type="file" ng-file-select="onFileSelect($files)" > angular码: $scope.onFileSelect = function($files) { for (var i = 0; i < $files.length; i++) { var file = $files[i]; console.log(file); $scope.upload = $upload.upload({ url: '/imagePost/'+Global.user._id, method: 'POST' , data: {myObj: 'image'}, file: file, }).progress(function(evt) { console.log('percent: ' + parseInt(100.0 * evt.loaded / evt.total)); }).success(function(data, status, […]

将原始JavaScript对象数组转换为结构化对象树,以便重复使用

我用node.js,mssql(不要问客户端),socket.io和angularjs构build一个应用程序。 我已经设法从以下forms从mssql到angular度的数据。 [ { "measure":"value", "region":"London", "manager":"Jack", "supervisor":"James", "number1":44, "number2":2244.3, "number3":1561.6 }, { "measure":"value", "region":"London", "manager":"Jack", "supervisor":"Jerry", "number1":335.4, "number2":33.3, "number3":11.6 }, { "measure":"value", "region":"London", "manager":"John", "supervisor":"Joseph", "number1":444.3, "number2":233, "number3":1561.6 } ] 我试图通过angular.forEach来操作数据,以达到以下结果: [ { "region": "London", "regionTotals" : { "turnover" : { "number1" : "TOTAL OF NUMBER 1 WITH REGION LONDON", "number2" : "TOTAL OF […]

将PDF文件从AngularJS发送到NodeJS

我需要从angularjs客户端发送PDF文件到NodeJS服务。 我做了angularjs服务,当我收到这个文件的string是这样的: %PDF-1.3 3 0 obj <</Type /Page /Parent 1 0 R /Reso 我怎样才能重新将此string转换为在NodeJS中的PDF? 这是客户端代码: var sendByEmail = function () { $scope.generatingPdf = true; $('#budget').show(); var pdf = new JsPDF('p', 'pt', 'letter'); var source = $('#budget')[0]; pdf.addHTML(source, 0, 0, function () { var resultPdf = pdf.output(); BillService.sendByEmail("rbrlnx@gmail.com", resultPdf).then(function () { }); $('#budget').hide(); }); }; var […]

与没有Expressjs和Nodejs的Angular JS的MogoDB

我想使用MongoDB和Angular JS,而不使用ExpressJS或NodeJS或其他任何层。 问候

AngularJS应用程序的dynamic页面标题

我们正在构build一个大的AngularJS / NodeJS应用程序,我们遇到了一个问题。 它与页面标题有关。 在我们的应用程序中,我们希望为每个状态(我们使用ui-router)提供dynamic页面标题。 我知道我们可以添加自定义字段到任何状态(如pageTitle): .state('app.home', { url: "", templateUrl: '/templates/home.html', controller: 'HomeController', pageTitle: "Home" }) 然后我们可以检索$stateChangeSuccess并将其设置为$scope .run([ '$rootScope', function ($rootScope) { 'use strict'; $rootScope.appState = $rootScope.appState || {}; $rootScope.$on("$stateChangeSuccess", function (event, toState, toParams, fromState, fromParams) { //TODO: We need to update the title and meta here, and then retrieve it and assign it […]

使用Node traceur编译ecma脚本6

我似乎无法让教程工作: https : //github.com/google/traceur-compiler/wiki/CompilingOffline 我安装了Node 我在这里创build一个文件: C:/xampp/htdocs/angular/laravel/app/script/controllers/home-controller.js 我想编译到这里: C:/xampp/htdocs/angular/laravel/public/scripts/controllers/home-controller.js 我打开Node,并运行以下命令: $ ./traceur –out C:/xampp/htdocs/angular/laravel/public/scripts/controllers/home-controller.js –script C:/xampp/htdocs/angular/laravel/app/script/controllers/home-controller.js 它把"…"放在命令行中。 我closures节点并重新打开… 然后我把它没有$ ,它说: Invalid REPL keyword undefined 我究竟做错了什么?

Injector.modulerr错误使用angular.js

我有一个node-jade-angular应用程序的问题:layout.jade doctype html html(ng-app='listApp') head title= title script(src='//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.10/angular.min.js') script(src='javascripts/controller.js') script var listApp = angular.module('listApp', ['ngRoute']) body block content index.jade extends layout block content .jumbotron p Welcome to #{title} hr table(ng-controller='listAppCtrl') tr th name th lastname tr(ng-repeat='m in docs') td {{m.name}} td {{m.lastname}} route.js exports.home = function (req, res, next) { model.find(function (err, docs) { if […]

在MEAN.JS堆栈中运行jQuery代码

我开始与NodeJS合作,并且更加专注于MEAN.JS. 我试图运行一些自定义JS代码,使用JQuery,但无论我把代码放在哪里,nevers运行如预期。 这是我的脚本: $(document).ready(function(){ var tooltips = $('[data-toggle="tooltip"]'); tooltips.tooltip(); }); 我试图把它放在页面的主体中,在一个单独的脚本中,但没有。 当我在Chrome中debugging时,variablestooltips不包含任何元素,但如果我在Chrome的控制台中执行相同的代码,那么它工作。 在我看来,尽pipe$(document).ready()东西,DOM代码执行时还没有准备好。 也许AngularJS正在同时发挥作用,并干扰。 有什么我需要这样做,代码将被执行? 我需要在/之前加载它吗? 谢谢你的帮助。

Karma与ReferenceError错误:在karmaconfiguration文件本身上找不到variables:module

我已经在angular色configuration文件中获得了angular度和angular度模拟文件,但是在我到达之前它已经出错了。 所有关于这个参考错误的在线文档都说我没有安装angular-mocks,但是我很确定这是spec文件中模块variables的错误,而不是最初的karmaconfiguration。 这是我的configuration文件。 module.exports = function ( karma ) { karma.set({/ ** *从哪里查找文件,从这个文件的位置开始。* / basePath:'../', /** * This is the list of file patterns to load into the browser during testing. */ files: [ 'vendor/angular/angular.js', 'vendor/angular-mocks/angular-mocks.js', 'vendor/angular-bootstrap-jbruni/ui-bootstrap-tpls.min.js', 'vendor/placeholders/angular-placeholders-0.0.1-SNAPSHOT.min.js', 'vendor/angular-ui-router/release/angular-ui-router.js', 'vendor/lodash/dist/lodash.min.js', 'vendor/angular-breadcrumb/angular-breadcrumb.js', 'vendor/restangular/dist/restangular.js', 'build/templates-app.js', 'build/templates-common.js', 'src/**/*.js', 'src/**/*.coffee', ], exclude: [ 'src/assets/**/*.js' ], frameworks: [ 'jasmine' ], […]