Articles of angularjs

带有父子控制器的Angular中的ng-switch

我有以下的HTML <html ng-app="app" ng-csp=""> <body ng-controller="MainController" capture ng-class="view"> <div id="wrap" ng-switch="view"> <div id="login" ng-switch-when="login" ng-controller="SignInController"> my login code </div> <div id="project" ng-switch-when="project" ng-controller="ProjectController"> my login code </div> </div> </body> </html> 和我的angular码是 var app = angular.module("app", []); app.controller("MainController", ["$scope", function(t) { /* check session if exist or not if not show login*/ t.view='login'; }]),app.controller("SignInController", ["$scope","$http", function(t,$http) […]

在2个端口上使用node rest api和angularJS应用程序的CORS问题

我有我的angularJS应用程序(在本地主机:9000)的古典CORS问题试图赶上我的节点服务器(在本地主机:9001) 这里我的restapi(app.js)代码: var cors = require('cors'); app.use(cors()); app.options('*', cors()); app.all('/*', function(req, res, next) { // CORS headers res.header("Access-Control-Allow-Origin", "*"); res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS'); res.header("Access-Control-Allow-Headers", "X-Requested-With, Content-Type"); if (req.method == 'OPTIONS') { res.status(200); res.write("Allow: GET,PUT,POST,DELETE,OPTIONS"); res.end(); } else { next(); } }); 正如你所看到的,我尝试过这些解决scheme是徒劳的: Node.js和AngularJS中的CORS 当restAPI应用程序服务器(express)和Angulars js应用程序运行在不同的端口时,Cors问题 这里是webapp中简单的$ http调用: var req = { method: 'GET', url: 'localhost:9001/memories' }; $http(req). […]

为yeoman angular-fullstack项目添加新的依赖项

我已经开始在js节点上创build一个新项目,并且使用yeoman的angular fullstack生成器生成了这个项目。 现在我想添加一个新的bower依赖项和一个新的节点依赖项。 做这个的最好方式是什么? 我应该简单地将依赖项添加到bower.json和package.json中,还是应该运行特定的命令?

更新$ http返回数据到html视图

我得到我的数据formsangular度服务 .service('SelectedMemberDetail', function ($http) { return { get : function(id) { return $http.get('/api/members/'+ id); }, create : function(id) { return $http.post('/api/members/'+ id); }, delete : function(id) { return $http.delete('/api/members/'+ id); } } }) 这是调用该服务的控制器function。 $scope.show = function (user_id) { $scope.selectedMember = SelectedMemberDetail.get(user_id); } 而我正在试图在html这样的视图 <h2> <span class="glyphicon glyphicon-user mleft_10 icon_big"></span> {{ selectedMember.firstName[0] }} </h2> <div> […]

如何模拟多个用户

我在前端创build了一个带有Angular的应用程序,而在后面创build了一个NodeJS。 当一些人同时使用该应用程序时,该应用程序显得很有趣。 我想做一些改变,然后和一群人一起testing,但是我不能让我的朋友们这么做。 是否有一个很好的自动化的方式来testing它与一大堆用户的行为?

如何安装angular-ui-router.js文件,而不是从npm完整的源代码解决scheme?

当我从节点包pipe理器( npm )安装angular包时,我在angular根目录下得到了需要的JS文件。 $npm install angular 但是,当我安装angular-ui-router软件包时,我得到了完整的源代码解决scheme,并且需要位于release目录下的JS文件。 $npm install angular-ui-router 有没有办法从npm安装所需的JS文件,而不是整个源代码解决scheme?

在angularjs中重复ajax调用

我正在使用express-jwt来构build一个宁静的api。 现在客户端正在做重复的Ajax调用,第一个发起者是angularjs,第二个是发起者。 第一个获得204作为响应代码,第二个获得200作为响应代码。 我试图debugging,以获得这个重复的请求的来源,但我无法。 以下是204状态代码的标题详细信息 以下是204状态代码的标题详细信息 任何人都可以提出什么问题?

如何使用节点js运行html文件

我有一个简单的HTML页面,如下所示: //Application name var app = angular.module("myTmoApppdl", []); app.controller("myCtrl", function ($scope) { //Sample login function $scope.signin = function () { var formData = { email: $scope.email, password: $scope.password }; console.log("Form data is:" + JSON.stringify(formData)); }; }); HTML文件: <html> <head> <link href="bootstrap.min.css" rel="stylesheet" type="text/css"/> </head> <body ng-app="myTmoApppdl" ng-controller="myCtrl"> <div class="container"> <div class="form-group"> <form class="form" role="form" method="post" […]

Angular 2或NodeJs / Express用于大型项目

我不确定Angular 2与NodeJs / Express站在哪里。 做angular度和节点一起工作,或者你只能使用其中的一个Web项目?

Angular 2.在共享主机上运行

我从AngularJS 2开始: 已经创build了NodeJS 下载的开始项目 在节点上运行 所有的作品! 但是,如何在共享主机(没有节点ant没有VPS)生产运行它? 如何通过点击index.html在浏览器中打开?