Tag: angularjs

Angular没有显示ng-repeat只显示空的列表

你好家伙我有问题试图显示angular度的对象集合 ng-repeat只显示控制台上的项目,但显示的数据是空的获取数据json正确地捕捉范围项目与我的视图的成功我的api只是在底部显示一个灰色条,数据打印在底部,而不是在ng-重复。 <div ng-controller="userController"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="panel panel-default"> <div class="panel-heading"> <h2>Users</h2> </div> <div class="panel-body"> <div class="user"> <div class="form-group"> <input ng-model="user.name" type="text" placeholder="User Name" class="form-control"> </div> <div class="form-group"> <input ng-model="user.email" type="email" placeholder="User Email " class="form-control"> </div> <div class="form-group"> <input ng-model="user.password" type="password" placeholder="Set Your Password" class="form-control" > </div> <div class="form-group"> <select ng-model="user.admin" […]

IBM推送通知:无效的Json

我尝试使用https://mobile.ng.bluemix.net/imfpush/v1/apps/ {appID} / devices / {deviceID}在本网站上推送通知: https ://mobile.ng.bluemix.net / imfpush /#/ ,但是我有一个错误信息 身体: { "alert" : "You have a request for payment."} 错误信息: 400 { "code": "FPWSE0004E", "message": "Bad Request – Invalid JSON." } 并尝试通过在nodejs上调用https请求来使用 在我的代码中: var message = { alert : "You have a request for payment.", url : "payment_id" }; var headers = […]

$ location.path不使用Angularjsbutton点击加载html文件

我有一个html my.html,其中包含一个button,在其上单击我要发送用户about.html,现在我面临的问题是在button单击我将进入控制器内,但是当我调用方法 $location.path("\about") 没有任何反应,只有我目前的网页出现,但我的about.html不加载。 我尝试使用$window.open('/about.html', '_self'); 它工作得很好,但我不知道为什么$location.path不适合我。 另外我正在使用<base href="http://localhost:8080/" /> 。 是否造成任何问题? my.html代码 <!DOCTYPE html> <html> <head> <base href="http://localhost:8080/" /> <title></title> </head> <body ng-app="myApp"> <script type="text/javascript" src="js/angular.js"></script> <script type="text/javascript" src="js/angular-route.js"></script> <!– <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.4/angular- cookies.min.js"></script> –> <script src="js/controller.js"></script> <div class="container"> <div ng-controller="loginCtrl"> <form id="myLogin"> <div class="row" style="margin-top: 100px;text-align: center;"> <div class="col-sm-12" align="center"> <h2>Log In</h2> <table > […]

离子应用程序安装后无法看到离子的应用程序图标

我从2个月左右search离子应用程序图标。 但未能设置应用图标。 我想提一下我所做的。 运行后=>离子资源 – 图标 我可以看到这个文件夹\resources\android\icon 。 我觉得我的项目没有问题 即使我已经尝试做临时工程,并做了相同的结果,但相同的结果。 离子版本2.1.12 npm版本4.0.2 节点版本5.7.0 android版本“6.0.0” android平台23或24

安装angular-ui

我有一个使用AngularJS v1.4.3的MEAN项目。 我需要在导航菜单中插入一个下拉菜单,因此我试图按照说明来安装,包含和使用angular-ui / bootstrap,如下所示: – 用安装包 npm安装angular-ui-bootstrap – 将模块添加到应用程序 angular.module('usermgmtApp',['ngRoute','ui.bootstrap']); – 使用下面的代码来实现下拉菜单项: <ul class="nav navbar-nav"> <li><a href="/">Home</a></li> <li uib-dropdown on-toggle="toggled(open)"><!– Simple dropdown –> <a href id="simple-dropdown" uib-dropdown-toggle> Click me for a dropdown, yo! </a> <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button"> <li role="menuitem"><a href="#">Action</a></li> <li role="menuitem"><a href="#">Another action</a></li> <li role="menuitem"><a href="#">Something else here</a></li> <li class="divider"></li> <li […]

错误找不到模块'./app.component.ngfactory'

我的错误如下: [at-loader] assets \ app \ app.module.ngfactory.ts中的错误:28:27找不到模块'./app.component.ngfactory'。 我跑npm运行后生成app.module.ngfactory.ts是按预期创build的,但它创build了一个模块的引用,我没有/找不到: 从“./app.component.ngfactory”导入*作为import21; 查看aot-complier链接,在编译应用程序部分看到以下内容: 好奇可以打开aot / app.component.ngfactory.ts来查看原始的Angular模板语法,在它的中间编译成TypeScriptforms。 我认为我的问题可能来自我跑步的事实 “node_modules / .bin / ngc”-p tsconfig -aot.json 它想要一个名称分配给它正在创build的组件,我不知道这个名称可以是任何东西,或者如果它需要是特定的东西。 我已经尝试过名称NgFactory,app.component.ngfactory和我的项目的名称,但没有任何更改,我可以看到。 我也没有看到在我的tsconfig-aot.json文件中指定为genDir的文件夹,只有outDir。 在ngc完成之后,在aot文件夹(在tsconfig-aot.json中指定为genDir的文件夹)中查找NgFactory文件的集合。 以下是我的tsconfig-aot.json当前包含的内容: { "compilerOptions": { "target": "es5", "module": "es2015", "moduleResolution": "node", "sourceMap": true, "emitDecoratorMetadata": true, "experimentalDecorators": true, "removeComments": false, "noImplicitAny": false, "outDir": "./public/js/app" }, "exclude": [ "node_modules", "dist", "assets/app/polyfills.ts" ], "angularCompilerOptions": […]

预期数组,但收到…(JSON)… AngularJS错误

我正在从Adam Freeman的“Pro AngularJS”一书中学习Angular1,在第6-8章中介绍了构buildDeployD应用程序的问题 – 好像我的代码不想读取JSON 这是我的HTML: <!DOCTYPE html> <html ng-app="sportsStore" lang="pl"> <head> <title>SportsStore</title> <script src="components/angular.js"></script> <script src="components/angular-resource.js"></script> <link href="components/bootstrap.css" rel="stylesheet" /> <link href="components/bootstrap-theme.css" rel="stylesheet" /> <script> angular.module("sportsStore", ["customFilters"]); </script> <script src="controllers/sportsStore.js"></script> <script src="filters/customFilters.js"></script> <script src="controllers/productListControllers.js"></script> </head> <body ng-controller="sportsStoreCtrl"> <div class="navbar navbar-inverse"> <a class="navbar-brand" href="#">SKLEP SPORTOWY</a> </div> <div class="panel panel-default row" ng-controller="productListCtrl"> <div class="alert alert-danger" ng-show="data.error"> […]

节点服务器拦截从angular(http)到java后端的所有请求

我在节点上使用express来进行路由,并使用angular作为前端框架。 我正在使用Redis进行会话。 我想要做的是,当我从angular度的http请求,它应该首先去节点,我想添加额外的头信息,如身份validation令牌,而不是传递给java(春季)后端。 我想这样做,因为如果我直接从angular度http传递信息将在networking选项卡中可见,这可能是安全漏洞。 那么如何使angular色和Java后端使用节点js服务器节点拦截器?

ng服务抛出未处理的错误事件

所以当我尝试运行ng服务时,我刚启动了一个新的angular-cli项目,我得到了Unhandeled Error事件。 我目前正在运行节点v7.1.0。 我正在关注黑客新闻的教程。 https://houssein.me/angular2-hacker-news我安装了angular-cli global。 所以一切都很顺利,只是ng服务命令没有 events.js:160 throw er; // Unhandled 'error' event ^ Error: write EINVAL at exports._errnoException (util.js:1022:11) at WriteStream.Socket._writeGeneric (net.js:715:26) at WriteStream.Socket._write (net.js:734:8) at doWrite (_stream_writable.js:334:12) at writeOrBuffer (_stream_writable.js:320:5) at WriteStream.Writable.write (_stream_writable.js:247:11) at WriteStream.Socket.write (net.js:661:40) at defaultHandler (D:\2MCT-Web-UX\Web-Front-End\P2\Angular basics\Hackernews\angular2- hn\node_modules\webpack\lib\ProgressPlugin.js:175:18) at Compiler.<anonymous> (D:\2MCT-Web-UX\Web-Front-End\P2\Angular basics\Hackernews\angular2-hn\node_modules\webpack\lib\ProgressPlugin.js:130:4) at Compiler.applyPlugins (D:\2MCT-Web-UX\Web-Front-End\P2\Angular basics\Hackernews\angular2-hn\node_modules\tapable\lib\Tapable.js:25:14) at Watching._done (D:\2MCT-Web-UX\Web-Front-End\P2\Angular […]

如何在将图像上传到服务器时传递多个值(使用AngularJS和NodeJS进行file upload)?

客户端: 我做了file upload与AngularJS和NodeJS它的工作,但上传文件时,我需要传递“名称”和“电子邮件”服务器。 服务器端: 上传文件到文件夹后,我需要将文件path,名称和电子邮件保存到数据库中。 我怎样才能做到这一点? angular.module('fileUpload', ['ngFileUpload']) .controller('MyCtrl',['Upload','$window',function(Upload,$window){ var vm = this; vm.submit = function(){ //function to call on form submit if (vm.upload_form.file.$valid && vm.file) { //check if from is valid vm.upload(vm.file); //call upload function } } vm.upload = function (file) { console.log(vm.name); console.log(vm.email); Upload.upload({ url: 'http://localhost:3000/upload', //webAPI exposed to upload the file data:{file:file} […]