个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
25
4
结构
我有两个 Controller 和一个模型。
所有信息都存储在订单对象中，根据您选择的 bundle ，您会收到一个用于配置该 bundle 的选项卡。
在通过订单的不同步骤导航时，导航 Controller 始终在那里执行其工作，并且订单 Controller 可能会在您当前所在的特定配置步骤所需的不同 Controller 中发生变化。
场景
加载第一个状态时，订单 Controller 正在初始化，导航 Controller 正在初始化。两者都调用“OrderModel.getOrder()”方法，这是一个带有 http 调用的 promise 。
如果两个 Controller 都在初始化并且 promise 还没有解决，它会导致对 api 的双重请求，我认为这有点矫枉过正。
解决方案
我围绕 $q 库创建了一个包装器，它添加了一个新方法，unique。
独特的方法是将 promise 存储到模型中，如果 promise 不存在则创建一个新的 promise ，否则返回尚未解决的 promise 。这可以防止多个 http 调用。
问题
因为这个解决方案看起来如此简单明了，所以我觉得我做错了什么，你们如何看待这个结构/解决方案？
示例代码:
Controller getOrder 方法:
/**
* @name getOrders
* @param force
* @description
* Get the given order
*/
function getOrder (id, force) {
return $q(
function (resolve, reject) {
Orders.getOrder(id, force).then(
function (order) {
vm.order = order;
resolve(order);
},
reject
);
}
);
}
模型 getOrder 方法:
function getOrder (id, force) {
var url = AppConfig.ApiUrl + '/order/' + id;
var promiseUrl = url + '-force-' + force;
return $qPromise.unique(promiseUrl, function (resolve, reject) {
if (!force && model.orders[id]) {
return resolve(model.orders[id]);
}
$http.get(url, { bearer: true }).then(
function (response) {
model.orders[id] = response.data.data;
resolve(model.orders[id]);
},
reject
);
});
}
$q 包装器 (函数(){
angular.module('app').factory('$qPromise', qWrapper);
qWrapper.$inject = ['$q'];
/**
* @name QWrapper
* @param $q
* @returns {*}
* @description
* Wrapper arround $q to add the unique method.
*/
function qWrapper($q) {
var model = {
promises: {}
};
$q.unique = uniquePromise;
return $q;
/**
* @name uniquePromise
* @param id
* @param cb
* @description
* Promise wrapper for preventing multiple calls for the same data.
* @returns {*}
*/
function uniquePromise (id, cb) {
if (model.promises[id]) {
return model.promises[id];
}
var promise = model.promises[id] = $q(cb);
promise.catch(console.warn);
$q.when(
promise,
function () { delete model.promises[id]; },
function () { delete model.promises[id]; }
);
return promise;
}
}
})();
最佳答案
我曾经遇到过这样的情况，我必须同时进行两个 http 调用，因为两个 http 调用都会给我它们特定的 json。所以我不得不这样做，
var app=angular.module('myapp',[]);
app.controller('contactController',function($scope,$http,$q)
{
var promise1=$http.get("https://jsonplaceholder.typicode.com/posts/1");
var promise2=$http.get("https://jsonplaceholder.typicode.com/users/1");
$q.all([promise1, promise2]).then(function(data){
$scope.first=data[0];
$scope.second=data[1];
console.log("------FIRST HTTP RESPONSE_____");
console.log(JSON.stringify($scope.first));
console.log("------SECOND HTTP RESPONSE_____");
console.log(JSON.stringify($scope.second));
});
});<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
<body ng-app="myapp" ng-controller="contactController">
</body>这确实有效。 $scope.first 会给出第一次 http 调用的结果，$scope.second 给出第二次 http 调用的结果。
我不确定它是否能满足您的需要，但我只是分享了我所知道的。也许一些线索可以提供帮助。
关于javascript - AngularJS 双 HTTP 请求，这是一个好的解决方案还是我做错了什么？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41608780/
25
4
0
我只是想知道要安装哪个版本的 Visual Studio 2010(专业版或高级版)提示升级项目.. 项目包括:asp.net mvc、数据库和silverlight。 最佳答案 通常，由不同版本的相
几种通过 iproute2 来打通不同节点间容器网络的方式 几种通过 iproute2 来打通不同节点间容器网络的方式 host-gw ipip vxlan 背景 之前由于需
目录 前言 1、TypeHandler 简介 1.1转换步骤 1.2转换规则 2、JSON 转换 3、枚举转换 4、文章小结
目录 前言 1、常见 key-value 2、时效性强 3、计数器相关 4、高实时性 5、排行榜系列 6、文章小结 前言 在笔者 3 年的
目录 前言 四、技术选型 五、后端接口设计 5.1业务系统接口 5.2App 端接口 六、关键逻辑实现 6.1Red
目录 前言 一、需求分析 1.1发送通知 1.2撤回通知 1.3通知消息数 1.4通知消息列表 二、数据模型设计
目录 前言 一、多租户的概念 二、隔离模式 2.1独立数据库模式 2.2共享数据库独立数据架构 2.3共享数据库共享数据架构
导读： 虽然锁在一定程度上能够解决并发问题，但稍有不慎，就可能造成死锁。本文介绍死锁的产生及处理。 死锁的产生和预防 发生死锁的必要条件有4个，分别为互斥条件、不可剥夺条件、请求与保持条件和循环等待条
在浏览网页后，我找不到任何功能来执行此操作，我有可行的个人解决方案。也许它对某人有用。 **使用 Moment 插件转换日期。***moment(currentPersianDate).clone()
是否有一种解决方案可以很好地处理数字(1-10)手写？我试过tesseract，但我得到的只是垃圾。 理想情况下是 OSS，但商业也可以。 最佳答案 OpenCV 现在带有手写数字识别 OCR 示例。
在服务器应用程序上，我们有以下内容:一个称为 JobManager 的单例类。另一个类，Scheduler，不断检查是否需要向 JobManager 添加任何类型的作业。 当需要这样做时，调度程序会执
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 想改进这个问题？将问题更新为 on-topic对于堆栈溢出。 5年前关闭。 Improve this qu
当您尝试从 GitHub 存储库安装某些 R 包时 install_github('rWBclimate', 'ropensci') 如果您遇到以下错误: Installing github repo
问题在以下链接中进行了描述和演示: Paul Stovell WPF: Blurry Text Rendering www.gamedev.net forum Microsoft Connect: W
我正在寻找一种解决方案，使用标准格式 a × 10 b 在科学记数法下格式化 R 中的数字。一些同行评审的科学期刊都要求这样做，并且手动修改图表可能会变得乏味。 下面是 R 标准“E 表示法”的示例，
已编辑解决方案(如下...) 我有一个启动画面，它被打包到它自己的 jar 中。它有效。 我可以通过以下方式从另一个 java 应用程序内部调用 Splash.jar: Desktop.getDesk
什么是创建像 PageFlakes 或 iGoogle 这样的门户网站的好框架/包？ ？我们希望创建一个为员工提供 HR 服务的员工/HR 门户，但我们也需要一种足够灵活的产品，以便我们可以使用它来为
我正在寻找一种解决方案，使用标准格式 a × 10 b 在科学记数法下格式化 R 中的数字。一些同行评审的科学期刊都要求这样做，并且手动修改图表可能会变得乏味。 下面是 R 标准“E 表示法”的示例，
如何将 solr 与 heritrix 集成？ 我想使用 heritrix 归档一个站点，然后使用 solr 在本地索引和搜索该文件。 谢谢 最佳答案 使用 Solr 进行索引的问题在于它是一个纯文本
完整日历不包含工作时间功能选项(在任何一天的议程 View 中选择第一行和最后一行 - 例如公司不工作)。我做到了类似的事情: viewDisplay: function(view){
我是一名优秀的程序员,十分优秀！