【angular 4 http 之web api 服务】教程文章相关的互联网学习教程文章

javascript – Angular – 模块化地定义所有服务【代码】

说我有这样的服务模块// services/someService.js export default function($q) {return $q.doSomething(); }// services/anotherService.js export default function($state) {return $state.doAnotherThing(); }并说我有一个服务索引文件// services/index.js import someService from 'someService'; import antoherService from 'anotherService';export default {someService: someService,anotherService: anotherService, }...

javascript – AngularJS SPA和RestfulAPI服务器安全性

快速背景: 完整的Javascript SPA AngularJS客户端,与REstful API服务器通信.我正在尝试为API服务器制定最佳身份验证.客户端将拥有角色,我不担心用户是否可以看到客户端的区域是不允许的,因为服务器应该是气密的. 认证流程: >用户帖子用户名和密码让我们说/ api / authenticate>如果用户服务器生成api令牌(字段或md5的sha哈希)以及其他一些元数据确定角色将在1)回复后传回.>令牌存储在会话cookie中(没有exp,仅限http,ssl)>身份验证...

javascript – 在Angular服务中初始化数据的位置?【代码】

我找到了第一个Angular应用程序的方法,其中一个服务(用于生成SQL查询字符串)需要使用在其常量块中声明的模式进行初始化.目前架构/配置尚未最终确定,因此我正在进行一些处理,然后将结果提供给服务中的私有变量. 这样做时,我想要一些关于最佳实践的指导.看起来有3种选择. 1)在工厂公开一个公共init函数并从其他地方调用它 这是一种可能性,但我不想从其他地方启动工厂(它将是第一个加载的东西). 2)在工厂体内使用IIFE 这可能很臭,但实...

javascript – $q.defer()不使用Angular服务【代码】

我是angular的$q的新手,我正在尝试构建一个API调用服务并将其返回给控制器. 问题:无论我如何格式化它,服务都会在它到达$http.get(…)之前返回 服务:// methods: query new, get existingmakeRequest: function(url, following) {// create promisevar deferred = $q.defer();$http.get(url, {params: {"following": JSON.stringify(following)}}).then(function(res) {console.log(res);deferred.resolve(res.data);});return de...

javascript – 使用TypeScript 1.5进行Angular 2服务注入【代码】

我正在尝试为Angular 2设置一个非常基本的功能结构.它只有最基本的API元素,因此随着框架的发展,我可以推进我的结构. 目前,我在如何执行传递服务的简单行为方面已经结束了.以下是一些示例源代码,直接来自最新的DefinitelyTyped文件的注释:class Greeter {greet(name: string) {return 'Hello ' + name + '!';} } @Component({selector: 'greet',appInjector: [Greeter] }) @View({template: `{{greeter.greet('world')}}!` }) clas...

java – 如何使用Jetty为Angular应用程序提供服务,还可以使用与Jersey相同的服务器?【代码】

我正在开发一个应用程序,其前端将使用Angular开发,后端使用Java / Jersey.我使用Jetty作为http服务器.我的目录结构如下:srcmainjavacom.sciborMainSandboxResourcewebappWEB-INFweb.xmlindex.htmlbower_components . . .app.js在Main中,我启动了我的Jetty Server,如下所示:Server server = new Server(PORT);WebAppContext context = new WebAppContext();context.setResourceBase("src/main/webapp");context.setContextPath("/...

javascript – 如何使用返回http promise的angular 2服务【代码】

我在这里遇到角度2的问题.我使用返回promise的服务但是当我尝试检索响应时出现错误. 我读了这个this stact question这是我的代码. 这是HotelService.tsimport { Injectable } from '@angular/core'; import { Http } from '@angular/http';//rxjs promises cause angular http return observable natively. import 'rxjs/add/operator/toPromise';@Injectable() export class HotelService {private BASEURL : any = 'http://local...

javascript – 服务中的AngularJS $http请求【代码】

我试图从服务中获取一些数据到控制器中,并且我一直得到一个未定义的变量.angular.module("classes").service("MyService", function ($http) {this.foo;$http.get("/classes/all").then(function (response) {this.fighters = response.data;this.foo = this.fighters;console.log(this.foo);});console.log(this.foo);})当我运行这个时,我进入控制台,按此顺序,第11行未定义,然后第9行返回数组. 当我在控制器中尝试获取变量foo时,它...

javascript – 如何向Angular cli生成的服务工作者添加自定义代码【代码】

我可以生成和配置由角度cli生成的服务工作者(通过配置文件)没有问题.但是,似乎没有关于如何添加自定义代码ngsw-worker.js的文档,因为我想添加推送通知,发布消息等功能.想知道插入到ngsw-worker.js解决方法:您可以订阅应用中的消息:import { SwPush } from '@angular/service-worker';this.SwPush.messages.subscribe(message => {console.log('[App] Push message received', message) }看看这篇文章:https://medium.com/google-...

javascript – Angular中的WebSocket服务更新范围(使用ngWebSocket)?【代码】

我正在尝试从websocket获取数据以自动更新控制器范围内的值. 我的服务:mimosaApp.service("Device", function ($websocket) {var self = this;var ws = $websocket.$new({url: "ws://" + window.location.host + ":81",//mock: true,reconnect: true});this.data = {};ws.$on("$open", function() {ws.$emit("get", "device");});ws.$on("$message", function (message) {console.log("WS Received", message);for(var key in mes...

javascript – Angular.js – 在其他任何事情之前运行服务功能?【代码】

你能在其他任何事情之前运行Angular服务(或该服务的功能)吗?理想情况下,只要ng-app被解析. 这是我的用例:我正在编写一个从服务器获取AJAX数据的应用程序,然后以一百种不同的方式解析数据.我想在调用所有控制器之前进行初始的AJAX调用?这样我只需要解析并加载服务中的所有数据,而不用担心更新任何控制器或其他什么.解决方法:I would like to make the initial AJAX call before all the controllers get called在Angular方法中,在...

javascript – 在Angular 2中的另一个服务中注入自定义服务【代码】

我想将服务注入另一个服务.我注入标准角度服务(Http等)没有任何问题,但是当我尝试注入自己的服务时,我得到了一个例外. 例: 为MyService:import {Injectable, Inject} from 'angular2/core'; import {AnotherService} from '../../services/another.service';@Injectable() export class MyService {constructor(Inject(AnotherService) private anotherService: AnotherService) {console.log(this.anotherService.get());} }Ano...

javascript – 如果外部应用程序更改了持久模型(服务器数据库),AngularJS可以自动更新视图吗?【代码】

我刚刚开始熟悉AngularJS,但是我想构建一个Web应用程序,当服务器端数据库发生变化时,该应用程序的视图可以为用户实时自动升级(无刷新). AngularJS可以自动处理这个(大部分)吗?如果是这样,工作的基本机制是什么? 例如,您是否以某种方式设置AngularJS以定期轮询数据库以进行“模型”更改?或者使用某种类似Comet的机制来通知AngularJS客户端代码该模型已更改? 在我的应用程序中,挑战在于其他(非Web)服务器端软件有时会更新数据库....

javascript – AngularJS $http服务成功但数据库无法更新【代码】

我是AngularJS的新手,我正在尝试执行一个http服务将数据发送到php文件以输入MySQL.我已经能够使用jQuery和$.ajax函数来实现这一点,所以我确信我的PHP没问题. 我的终极问题:我实现这个AngularJS服务的方式是否正确?我已经将ng-click绑定到一个名为routeReloader(data)的元素上的函数.当我在consoleReloader函数中调试参数时,我得到了正确的参数.我也得到了一个“成功”的警示框.但是,它没有更新MySQL.userApp.controller('photoCo...

angularjs – Meteor,Angular routes,Nginx和SSL – 如何使用重写路由/路径到另一台服务器【代码】

我有: > DigitalOcean VPS>在Angular中使用路由的流星应用程序> Nginx作为反向代理>我的域的SSL,配置了Nginx(也将http重定向到https)>另一个托管(!)与Wordpress博客那里>将DNS设置为DigitalOcean VPS和Meteor应用程序的doma.in就在那里 如何“重写”doma.in/blog到博客,但使用相同的URL? (没有重定向).解决方法:试试这个nginx配置:location ^/blog {rewrite /blog(.*) $1 break; #cut the /blog pathproxy_pass http...