Tag: angularjs

在angularjs中使用nodejs需要一个json文件

我正在使用NodeJS和AngularJS。 在Angular中,我想引用一个json文件,并将json的一部分分离到不同的控制器中。 目前我在控制器中使用http.get(见下文)。 var app = angular.module('app', []); app.controller('introCtrl', function ($scope, $http) { $http.get('src/data_json.js').success(function(data) { $scope.intro = data; }); 这将返回我的第一个控制器中的整个json对象。 不过,我想要求json文件,将其作为variables存储,并有多个控制器引用不同的部分。 有没有办法使用nodejs传递json文件到angular度控制器还是有更好的方式来要求使用angular度json文件? 非常感谢

服务器端为node.js模板化

我正在使用Node.js创build一个网站。 Node.js服务器使web服务调用获取dynamic数据,然后将数据embedded到html模板中,为客户端创build最终的html。 数据在客户端大多是静态的。 我正在考虑Angular.js,但它似乎会过度,因为用户不会更新浏览器上的数据。 在客户端维护数据绑定不是必需的。 所以我正在考虑使用 像Swig或Jade这样的模板引擎来生成最初的html angular.js只适用于用户可以更新的元素 请告知,如果这是正确的做法或者是否有更好的方法。

Socket.io不提供socket.io-client库

我今天开始用node.js和socket.io。 我的问题是,socket.io服务器没有提供socket.io的客户端库。 var app = require('express')(), express = require('./lib/config/express')(app), server = require('http').createServer(app), io = require('socket.io').listen(server), routes = require('./lib/routes')(app), config = require('./lib/config/config'); app.listen(config.port, function () { console.log("foo server started"); }); 这使我在我的控制台输出 >> File "server.js" changed. Running "newer:jshint:server" (newer) task No newer files to process. Running "express:dev" (express) task Stopping Express server Starting background Express server Running […]

Nodejs Angularjs Mongoose Internet Explorer 11兼容性

我正在开发和pipe理面板使用Angularjs作为前端框架,在后端的Nodejs和Mongoose的mongoDB模型。 pipe理员angular色可以删除所有用户,如下所示: AdminPanel.html(在此页面中,我正在显示网站pipe理员可以删除的用户列表) <!– Header –> <div ng:include="'/views/common/header.html'"></div> <!– End Header –> <div data-ng-init='initial()'> <br> <br> <span style="float:right"><b>Bienvenue {{admin.local.nom }} !</b> </span> <br> <div style="float:right"> <a href="/logout"> <i class="fa fa-unlock-alt"></i> Se déconnecter </a> </div> <br> <span class="label label-primary">{{listeProfils.length}}</span> <div class="row"> <div class="col-md-4 text-center"> <span>Mes comptes :</span> <span class="label label-primary">{{comptes.length}}</span></div> <div class="col-md-4"> <div class="input-group"> <input type="text" […]

在AngularJS html5mode express环境中提供文件下载

我正在尝试在一个基本上使用angular-fullstack yeoman生成器生成的应用上下载pdf文件。 在app.js中,html5mode设置为true。 我尝试使用标签和hrefbuild立一个下载链接,但没有任何反应。 观看networking活动显示,它不会生成获取请求。 服务器后端是一个服务部分和其他东西的快递服务器。 我怎样才能做到这一点 ?

如何发布nodejs网站

由于我没有网站发布经验,所以我想知道如何在某个域上发布AngularJS(前端)+ NodeJS(后端)网站。 我已经研究了一些公司,如WindowsAzzure,AWS和Softlayer,但我仍然不确定。 我已经从godaddy购买了域名,但是如何在这些Web服务上运行我的服务器实例并将其指向我的域? 任何帮助将不胜感激? 谢谢

angular.js和node.js在页面加载时调用节点

我正在尝试使用angular加载页面时调用节点函数,但出于某种原因,函数不会被调用。 我有ng-app和控制器指定,我想我只是把API调用在控制器的构造函数。 这里是页面的代码: <!doctype html> <!– ASSIGN OUR ANGULAR MODULE –> <html ng-app="landingPage"> <head> <!– META –> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"><!– Optimize mobile viewport –> <title>my page</title> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script> <script src="core.js"></script> </head> <!– SET THE CONTROLLER AND GET ALL GATEWAYS –> <body ng-controller="mainController"> 然后我的core.js文件是在同一个目录中拥有控制器控制器: var loadingCtrl = angular.module('landingPage', […]

当我使用AngularJS $ routeProvider的时候,Node.js页面转换不再起作用

我使用Node.js作为服务器,它完全正常工作,除非将AngularJS添加到堆栈中,这完全破坏了Node.js中的所有URL。 具体来说,我想切换在Bootstrap 3导航栏中的标签的active与响应的标签点击,但我希望AngularJS只切换选项卡的活动/不活动,并不希望AngularJS站在任何东西其他,我希望节点pipe理。 所以这里是我在Angular中的代码: "use strict"; var MyApp = angular.module("MyApp", ["ngRoute"]); MyApp.config(["$routeProvider", "$locationProvider", function($routeProvider, $locationProvider) { $routeProvider. when("/contact", {controller: MyCtrl}). when("/blog", {controller: MyCtrl}); $locationProvider.html5Mode(true); $locationProvider.hashPrefix("!"); }]); 和控制器代码: function MyCtrl($scope, $routeParams, $location) { $scope.isActive = function(viewLocation) { return viewLocation === $location.path(); }; } 和HTML代码: <div class="collapse navbar-collapse" ng-controller="MyCtrl"> <ul class="nav navbar-nav"> <li ng-class="{ active: isActive('/')}"><a href="/">Home</a></li> […]

AngularJs ng-include和socket.io

我是新来的,我不是英文的,所以如果我犯了一些错误,请原谅我。 我的问题是以下一个:我尝试使用angularjs和socket.io(与服务器端nodejs) 所以我有客户端: <html ng-app="my_app"> <head> … </head> <body> … <div id='main_conteneur' ng-controller="CtrlTemplate"> <div ng-include="template.url"></div> </div> </body> </html> 在lib js上: var my_app = angular.module('Quizz', []); my_app.controller('CtrlTemplate', ['$scope', function ($scope) { $scope.template = { name: 'template1.html' , url: 'template/template1.html' }; socket.on('charger_template', function (data) { $scope.template = {name : 'template2.html' , url : 'template/template2.html'}; }); }]); 并在服务器端的sockets,这样做: […]

数据不会从AngularJS控制器传递到NodeJS服务器

我试图从我的客户端AngularJS脚本传递一些值到服务器端NodeJS脚本。 我这样设置POST请求: $scope.addUser = function() { console.log($.param($scope.user)); $http({ method: 'POST', url: '/addUser', data: $.param($scope.user), headers: { 'Content-Type': 'application/x-www-form-urlencoded' } }). success( function(response) { console.log("success"); }). error( function(response) { console.log("error"); }); }; $ scope.uservariables是{ name: "john", email: "doe" } ,当通过$.param($scope.user)传递时,它的计算结果为name=john&email=doe 。 我原本以为问题是请求的内容types,最初是一个JSON对象。 在阅读了类似的问题之后,我把内容types改为了x-www-form-urlencoded,但仍然无法从POST请求中获取数据。 这里是服务器端的NodeJS脚本,它是用POST请求命中的: app.post('/addUser', function(req, res) { console.log(req.params); }); 我知道正在达到服务器端脚本,因为我可以打印出诸如req.method之类的数据,但试图仅以{}方式打印req.params结果。 为什么我的POST参数不能通过?