从几个请求加载数据后的离子angular4动作

时间:2017-12-21 21:50:24

标签: angular typescript ionic-framework rxjs

我在从两个请求加载数据后隐藏加载时遇到问题。 我想要在开始加载数据之前显示加载器并在完成所有请求后隐藏加载器。我不知道如何解决它。

List<Appointment> appointments = new List<Appointment>();

appointments= _sourceEntities.Appointments.Where(a=> a.ApptDate.Year == 
currentDate.Year && a.ApptDate.Month == currentDate.Month && a.ApptDate.Day 
== currentDate.Date.Day).ToList();

1 个答案:

答案 0 :(得分:1)

你依赖于发射一次的两个可观测量。执行此操作的最佳方式取决于您的用例(例如,您可以多次加载)但我认为<div class="container-image-map"> <img class="holiday-card" src="Xmas_Card.jpg" alt="" width="2400" height="1500" usemap="#holidaycard"/> <map name="holidaycard"> <area shape="poly" coords="1235,408,1232,433,1024,431,1045,374,1100,342,1083,207,1222,212,1267,309,1292,321,1316,384" data-person="dave" alt="Dave"> </map> <div class="shape shape-dave" id="dave"> <div class="speech-bubble"> <h2 class="person-name">Dave</h2> <p class="person-copy">Speech bubble text</p> </div> </div> </div> 在这里最适合您。我还建议在模板中使用异步管道,而不是手动订阅。

combineLatest

这里我加载数据并在页面加载时显示加载指示符。当产品和横幅都已加载(发出一次)时,您可以隐藏加载器。