Tag: angularjs

AngularJS – 应用程序内部件的asynchronous加载: 目前我正在处理我的应用程序，并决定使用AngularJS作为框架来构build我的前端代码。但是，我对AngularJS没有任何经验，所以我现在正在为它的概念和逻辑而挣扎。下面你可以看到我的应用脚手架的草稿：所以我想要做的是为我的整个应用程序创build一个单一的页面应用程序。在<menu bar>可以select不同的页面在工作区内显示。我知道我可以通过使用<ng-view>指令来实现这种行为。然而，我想要做的是，取决于<workspace> （ – >当前加载的视图）中点击的button，我想显示不同的<sidebars> 。例如：如果单击工作区内的edit objectbutton， edit object的表单将被加载到侧栏中。起初，我可以通过在应用程序中使用多个ng-view指令来解决这个问题，但是我知道这是不可能的。那么，对于如何实现上述行为你有什么想法吗？我想asynchronous加载<sidebar> templates只要在应用程序中需要它们。这些边栏模板应该包含一些逻辑，例如提交数据的button等。我真的不知道如何去实现这个行为，因为我在这种情况下如何使用范围和控制器也很困难。任何想法，文章，例子都强烈build议！谢谢。编辑：我创build了一个小的，只有最小化的草稿，我想象AngularJS会处理这个过程：

Angular JS将base64数组发送到NodeJs服务器 – Allow-Access-Control-Origin: 我想从我的客户端（AngularJs）发送一个base64string数组到我的NodeJs服务器。我遇到了一个奇怪的情况。每当我发送对象像这样： {Price: 1000000, LookingFor: "Rent", RoomsNumber: 4, Area: 1000, PropertyType: "Any", Base64:['data:image/jpeg;base64,/9..'] } 我得到这样的错误： XMLHttpRequest cannot load http://localhost:8080/estate. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access. The response had HTTP status code 413. 而当我删除base64的HTTP请求正在工作。另外当我只发送一个string的基地64到服务器，服务器接受它。在客户端我使用angular$ http： self.PostEstate = function (estate) { console.log(serverLocation + 'estate'); […]

MEAN.JS新控制器function和路由: 我正在学习MEAN.JS，并且在路由方面有一些问题，只是希望在名为getSubArticles的文章项目中添加一个新的函数，该函数调用服务器并执行一些操作。 //articles.server.routes.js app.route('/articles/:articleId/subarticles') .get(articles.read); //articles.server.controller.js exports.read = function(req, res) { res.jsonp("My Sub articles");//just using for testing }; //articles.client.controller.js $scope.getSubArticles = function() { // What goes here as everything I've tried has failed, but the route could be constructed incorrectly }; //articles.client.view.html <section id="subarticle-listing" data-ng-controller="ArticlesController" data-ng-init="getSubArticles()"> 任何想法，我要去错了？有一个示例MEAN.JS项目与非默认路线/function，我可以看看… 干杯，阿德里安

使用AngularJs从数据属性中检索数据: 我正在开发一个团队计划pipe理器，用户可以在点击主体并在canvas上拖动时创build一个贴图（=任务）。我正在尝试将创build的任务链接到正确的用户。在屏幕左侧，我有一个用户列表。现在任务只是随机放置在网格上。网格逻辑由行和列组成。所以我想我首先确定每个用户的位置，然后把任务的位置链接到用户。我正在与Angular和Node合作创build这个团队策划者通过自定义指令我获得了用户的位置（我的app.js文件的代码的一部分）： $rootScope = {}; $rootScope.users = []; contentEditor.directive('custom', function($document) { return { restrict: 'E', scope: true, link: function(scope, element, attrs) { var mail = $(element[0]).attr('data-email'); console.log("mail ", $(element).attr('data-email')); $rootScope.users.push({"top ":element[0].offsetTop, }); console.log(scope) console.log("Y positon of a user circle " + element[0].offsetTop); } } }); 部分的html代码： <!– START SIDEBAR […]

从grunt-autoprefixer迁移到grunt-postcss: 只要grunt-autoprefixer已被弃用，我想迁移到grunt-postcss 。我在grunt世界（和依赖关系）是一个相当新的东西，我找不到我需要在文档中进行迁移的东西。处理我需要三个步骤： 1-卸载grunt-autoprefixer 我想我必须先运行npm uninstall grunt-autoprefixer –save-dev 2-安装grunt-postcss 然后npm install grunt-postcss –save-dev 但不知道如果我要做一个npm install grunt-postcss pixrem autoprefixer-core cssnano 3-更新configuration 然后我应该修改Gruntfile.js 。所以其实我有这个部分： autoprefixer: { options: { browsers: ['last 1 version'] }, dist: { files: [{ expand: true, cwd: '.tmp/styles/', src: '{,*/}*.css', dest: '.tmp/styles/' }] } }, 我的问题：你可以确认卸载/安装部分？如何迁移configuration？

AngularJS ngRoute路由不正确注入我的网页？: 我正在尝试使用ng-view在单个页面应用程序中注入一个页面。当我导航到localhost：1337 / home或localhost：1337 /＃/ home时，views / pages / home.html没有正确注入，因为它应该是。这里是启动我的nodeJS服务器的代码，其次是前端代码不是按我的意图工作。 🙁 谢谢你的帮助！应用程序/ server.js var express = require('express'); var app = express(); var path = require('path'); app.use(express.static(__dirname + '/public')); app.use('*', function(req, res) { res.sendFile(path.join(__dirname,'/public/views/index.html')); }); app.listen(1337); 应用程序/公/ index.html的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1" <!– Set the base path […]

gulp.src（）不需要读取JSON文件的数组值: 我试图让gulp.src()从一个数组中stream式传输文件，所以我可以使用gulp-inject将它们写到我的index.html文件中。下面列出的是我的gulp.config.json文件，它将保存包含在我的项目中的包的文件path。 { "vendorjs": [ "jquery/dist/jquery.min.js", "angular/angular.js", "ng-token-auth/dist/ng-token-auth.js", "angular-bootstrap/ui-bootstrap-tpls.min.js", "ngInfiniteScroll/build/ng-infinite-scroll.min.js", "js/vendor/angular-ui-tour.js", "spin.js/spin.js", "angular-spinner/angular-spinner.min.js", "angular-scroll/angular-scroll.js" ], "js": [ "js/app.js", "js/directives.js", "js/services.js", "js/filters.js" ] } 我的gulpfile.js看起来像这样用于debugging目的 Gulpfile.js var gulp = require('gulp'), inject = require('gulp-inject'), paths = require('./gulp.config.json'), debug = require('gulp-debug'); gulp.task('default', function() { gulp.src(paths.vendorjs).pipe(debug()); }); 它似乎只输出到控制台： gulp-debug: js/vendor/angular-ui-tour.js 也就是说，除非我将paths.vendorjs切换到paths.js如下所示： gulp.src(paths.js).pipe(debug())然后我得到js数组中每个文件的输出 gulp-debug: js/app.js gulp-debug: js/directives.js gulp-debug: js/services.js gulp-debug: […]

服务器/客户端的好的Git体系结构？: 我即将开始一个非常大的项目。这个项目是一个网站。后端将与节点前端将主要与Angular 后端将成为一个API（这是一个很酷的angular度），但也（以后）的Android应用程序。前端将是这个回购叉： https ： //github.com/maxime1992/webTemplate ，我想能够从上游拉动叉保持最新。我想知道。我应该如何pipe理它？我应该只创build一个回购，包含与Git子模块或子树的后端和前端。我应该创build两个分离的回购，一个用于前端，一个用于后端，然后使用符号链接将它们放在一起？但是，如果有人想在Windows上运行它…太糟糕了。我希望这个项目在GitHub上是开源的，所以我希望为大家提供一些清晰和简单的东西:) 告诉我你会怎么做，什么是好的，什么是错的，我真的很好奇！

无法从Angular应用程序获取NodeJS中的POST数据: 我不能从我从一个Angular应用程序做的POST方法得到参数。我试着在这里寻找答案，甚至复制/粘贴一些例子，但似乎没有任何工作。节点代码： var express = require('express'); var app = express(); var bodyParser = require('body-parser'); app.use(bodyParser.urlencoded({ extended: false })); app.use(express.static('public_html')); app.post('/test', function (request, response) { console.log(request.body.name) response.status(201).json(request.body.name); }); app.listen(8787,function() { console.log('Listening on 8787'); }); Angular代码： $ scope.postData = function（）{ $http.post('/test',{name: $scope.name}).success(function(data,status) { console.log('SUCCESS: ' + status); console.log(data); }).error(function(error) { console.log('ERROR'); console.log(data); }) } 我可以在开发人员工具的networking面板上看到数据发送，我甚至可以得到201的http代码，但是我没有收到回复。在NodeJS的post路由的console.log（）中，我也没有定义。 […]

在nodejs服务器上parsingformdata请求时出错无效: 我正在从一个简单的file upload到客户端。以下是我的尝试。 eReaderBook.controller('browseCtrl',['$scope',"$http",function($scope,$http){ $scope.fileName =""; $scope.imageName =""; $scope.uploadFile = function(){ var data1 = new FormData(); data1.append('input_file_name', $('#fileName').prop('files')[0]); data1.append('input_image_name', $('#imageName').prop('files')[0]); if($scope.fileName!="" && $scope.imageName!="") { $http({ url: '/upload', method: "POST", data: data1 }) .then(function(response) { console.log("success") }, function(response) { // optional console.log("failed") }); } }; }]) 节点.js app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: true })); app.use(multer()); app.post('/upload',function(req,res) { console.log("aaa"); […]