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

javascript-在AngularJS中刷新服务器生成的模板【代码】

我的一份报告是一份报告-名称和日期的静态列表,仅用于查看和打印. 由于在服务器端呈现报表更加有效,因此我的API会发回报告请求的HTML而不是JSON.报告路由中的模板URL是该API调用:.when('/report', {templateUrl: 'api/report', });该报告显示在正确的URL上,但是当我转到另一条路线并更改数据时,不会重新加载该报告.我尝试在API响应中设置no-cache标头,但没有效果. 是否有强制Angular刷新某些模板的最佳实践?解决方法:Angular具有...

javascript-为什么我应该选择在AngularJS的工厂上使用服务?【代码】

这个问题已经在这里有了答案: > AngularJS: Service vs provider vs factory 31个我知道这个问题已经问了很多遍了(实际上是很多次!),但是我仍然无法完全理解这两者之间的主要区别是什么. 我知道服务会返回所提供函数的单例实例,并且工厂将仅调用此函数并返回其值. 但… 正如我所看到的,您可以使用一个或另一个来实现相同的效果,那么我该如何选择要使用的一个呢?为什么...

javascript-为什么Angular $http服务回调被忽略?【代码】

在我的Angular应用程序中,我有以下代码调用具有成功和错误回调函数的API$http.post('/analytics/generateToken', {}).then(function (data) {console.log("Success");},function (data) {console.log("Error");});当API调用返回HTTP 200状态时,将调用成功回调,但是当API调用返回HTTP 403(禁止)错误状态时,均不会调用任何回调.为什么在这种情况下不调用错误回调?解决方法:它在Chrome版本44.0.2403.52 Beta(64位)上为我工作; 确保您...

javascript-将Angular服务中的JSON对象传递给指令【代码】

我正在尝试将JSON对象从Angular服务传递给指令.实际上,我只是想随时随地$compile一个指令并将一个对象传递给该指令. 它看起来应该像这样:var template = '<gmap-info-window layer="layer" marker="marker"></gmap-info-window>',content = $compile(template)(searchScope);而该指令如下所示:.directive('gmapInfoWindow', [function() {scope: {marker: '=',layer: '='},link: function(scope, element, attrs) {// access obj...

IONIC框架(AngularJs和JavaScript)|建议使用基于SOAP的Web服务吗?

我将为我的项目之一使用基于SOAP的Web服务. (IONIC框架基于AngularJS,并且已经用JavaScript编写了SOAP客户端) 我的问题是: >是否建议使用javascript基于SOAP的Web服务?>是否会有性能问题?>在开发过程中我将面对什么类型/种类的问题? 谢谢,阿列姆解决方法:不建议使用SOAP,因为它基于XML. 推荐使用REST,因为它通常基于JSON(这是一种原生JavaScript格式). 使用SOAP,您将产生持续JSON / XML转换的开销. 比较一下:http://spf13.com...

javascript-如何将$cookies注入AngularJS服务?【代码】

我阅读了$cookies at this link的文档,它建议使用以下语法注入$cookies:angular.module('cookiesExample', ['ngCookies']).controller('ExampleController', ['$cookies', function($cookies) {因此,我尝试使用以下语法将$cookies注入服务(请注意下面的工厂而不是控制器):angular.module('auth', ['ngCookies']).factory( 'auth', '$cookies', function($rootScope, $http, $location, $cookies) { 但是结果是FireFox中出现了...

javascript-在angular中,当我们尝试从自定义服务中返回一些数据时,为什么需要一个额外的return语句【代码】

我是javascript和angular的新手. 我创建了一个自定义的角度服务,该服务连接到URL并获取信息.我试图返回reponse.data,而不是仅仅响应var getAlldatas = function($http){var getuser= function(username){$http.get("https://api.github.com/users/"+username).then(function(response{return response.data;});};};但是,直到我在$https之前添加return语句,这才起作用,如下所示var getAlldatas = function($http) { var getuser= fu...

Javascript-为什么AngularJS建议将服务,指令和过滤器放在单独的模块中?【代码】

在angular-seed-project中,过滤器,服务和指令位于不同的模块中.为什么?为什么不将它们全部粘在myApp模块下?angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.directives'])解决方法:引用自[1] “ …我们建议您将应用程序分成多个模块,如下所示: >服务模块,用于服务声明>指令模块,用于指令声明>过滤器模块,用于过滤器声明>以及依赖于上述模块的应用程序级别模块,以及其中包含初始化代码. 造成这种中断的原因...

javascript-如何设置angular js服务

我正在构建一个用于管理员工奖励计划的应用程序,我想我会尝试学习一些我不断听到的新的js框架,因此我决定查看Angular.现在,我希望真正使用过此框架的人可以为我构建一个快速示例. 我现在停留的是如何制作复杂的角度模型以及如何使其与REST后端保持同步的服务. 我不确定该如何正确表达,但是..我希望有一个拥有一个帐户(另一个模型?)的雇员(模型?),并且该帐户将有很多交易(模型?),至少那是我的方式我的数据库现在已建立.帐户和交易...

javascript-通过.scope().call()从JS外部调用Angular服务挂起请求【代码】

我正在为我的Angular应用程序添加一个Google登录按钮,除处理回调结果外,大多数按钮都在工作.来自G登录的回调是一个外部JS函数,称为signinCallback,如下所示://Handling the Google+ Signin right here function signinCallback(authResult) { angular.element($("#btnGooglePlus")).scope().handleGoogleSignin(authResult); }我能弄清楚如何将authResult传递回控制器的唯一方法是通过element.scope()调用控制器方法. handleGoogl...

javascript-最佳做法是为AngularJS中的REST API建立$http服务或工厂【代码】

我已经在AnguarJS服务中创建了$http和REST API接口,并将其作为注入到这样的不同控制器中的函数:// Global service to share between states .service("appSharedService", ['$http', function($http) {// Method: Returns list of all cities.this.restCitiesGet = function() {return $http.get('http://example/nkhorasaniec7/api/v0/city');};// Method:this.citiesGet = function() {this.restCitiesGet().success(function (...

javascript-如何在ionic(angular.js)中调用相同服务的其他功能【代码】

我正在使用离子框架开发移动应用程序.我已经创建了这样的通用实用程序服务.service('CommonUtilityService', function($q) {return {parseJsonDate:function(jsonDate){var offset = new Date().getTimezoneOffset() * 60000;var parts = /\/Date\((-?\d+)([+-]\d{2})?(\d{2})?.*/.exec(jsonDate);if (parts[2] == undefined)parts[2] = 0;if (parts[3] == undefined)parts[3] = 0;return new Date(+parts[1] + offset + parts[2]*...

javascript-Angular.js服务【代码】

这是通过使用服务而非@Incognos提供的插件:http://plnkr.co/edit/uh23lrXz2mI4ukvJvxws?p=preview中描述的工厂来解决的.接受的答案是@Tomislav,因为他首次提到使用服务. 我已经创建了一个控制器来处理商店项目,它们的存储方式如下(删除了重复项以节省空间):'use strict';angular.module('angularStoreApp').controller('storeCtrl', function($scope){$scope.product = {items: [{qty: 0,stock: 5,price: 99.00,name: 'Almond To...

javascript-AngularJS:如何通过控制器中的服务方法传递id【代码】

我正在开发AngularJS网络应用程序.我有以下routeconfig:$routeProvider.when("/drivers", {templateUrl: "partials/drivers.html", controller: "driversController"}).when("/drivers/:id",{templateUrl: "partials/driver.html", controller: "driverController"}).otherwise({redirectTo: '/drivers'}); }]);因此,为了传递JSON的ID,我在service.js文件中使用以下方法F1API.getDriverDetails = function(id) {return $http({me...

JavaScript-在es5中创建angular 2服务【代码】

我试图在angular 2中创建自定义服务,但我似乎在es5中找不到关于angular 2服务的任何文档(这是我在编写代码的过程),我尝试使用此功能(function(app){app.database=ng.core.Injectable().Class({constructor:[function(){this.value="hello world";}],get:function(){return this.value},});ng.core.Injector.resolveAndCreate([app.database]);ng.core.provide(app.database,{useClass:app.database}); })(window.app||(window.app=...