从web-api在每个页面上生成组件数据
form component data from the web-api on every page
我在我的项目中有各种页面,每个页面都包含许多下拉列表。
用于从web-api中获取下拉选项,然后我将这个变量存储在angular的service变量中,以便在另一个视图中进一步使用。
但是我没有得到我应该在哪里调用web-api来获取下拉数据,以便我应该首先打开哪个页面或默认情况下无关紧要??
和我得到的下拉选项无处不在。目前,我在控制器中调用web-api,这与我的第一个应用程序视图相对应。
我对此的看法:方法1:我创建了一个根控制器,我在其中调用angular service,它调用web-api来获取数据。在从web-api获取视图之前,视图已经在viewport上渲染了。
方法2:我调用angular service,它在控制器中调用web-api(不是根控制器,要特定于视图),并在从service成功回调后在下拉框中填充数据,所以这个工作很好,但它不是通用的
Services/Factory是单例的,所以我认为你应该在你的服务中调用web api,而不是在控制器中,然后将数据传递给服务。
编辑-
如果您关心的是在显示数据之前显示视图,那么您可以使用resolve
,因为resolve可以在显示视图之前等待数据可用
相关文章:
- React Native通过Navigator将用户输入数据传递到选项卡栏IOS中的组件
- React-将jSON数据传递给子组件的子组件
- 如何在ReactJs中渲染子组件时重新加载子组件的数据
- 在reactjs组件中预加载数据
- 具有大型数据集的组件仅在 IE11/Edge 上运行缓慢
- 使用数据数组创建多个类似组件
- ReactJS - 输入组件数据传递
- 反应:从父组件获取子组件数据
- Mithril - 在子组件修改父组件数据后重新排序子组件数组
- 反应多页,组件数据传递
- 如何在组件外部访问v-if中的子组件数据
- 聚合物网络组件数据绑定一个js对象/数组
- Vue,js Vue -router 2组件数据没有更新
- 访问自定义组件数据/方法
- 从web-api在每个页面上生成组件数据
- 从Vue组件数据计算函数
- React组件,在父组件中验证子组件数据
- 如何在Vue.js中现有的基础上创建新的组件数据
- React.js:在添加时重新渲染组件数据
- JQuery在加载react js组件数据时触发两次滚动