两种方法

1 通过*ngif动态加载要数据渲染的dom

2 通过路由导航resolve

第一种感觉太麻烦了，要是一个页面请求多个接口，那就不得不写多个*ngif,本人还是更倾向与第二种发法

具体步骤：

1>写服务

2> 写resolve

3>修改要显示页面的路由，添加resolve属性

4>修改组件

直接在ngOnInit 中获取从导航中拿到的数据在this.route.data中，详细请console.log(this.route)查看

												


											
angular异步获取数据后在ngOnInit中无法获取，显示undefined解决办法的更多相关文章
	

    
								
  1. 安装swoole redis异步 hiredis swoole扩展加载失败 或者不显示问题 解决办法
		
    当前办法仅供参考 贴上报错 找了好久 根据网上办法也试了 没解决 最后 仔细读问题 觉得可能是 hiredis路径问题 终于解决了 解决办法: 进入你的安装包目录然后执行下面 mkdir /usr/l ...
    
		
    2. 
						
  2. ajax异步获取数据后动态向表格中添加数据(行)
		
    因为某些原因,项目中突然需要做自己做个ajax异步获取数据后动态向表格中添加数据的页面,网上找了半天都没有 看到现成的,决定自己写个例子 1.HTML页面 <!doctype html>  ...
    
		
    3. 
						
  3. 前端技术之：如何在vuex状态管理action异步调用结束后执行UI中的方法
		
    一.问题的起源 最近在做vue.js项目时,遇到了vuex状态管理action与vue.js方法互相通信.互操作的问题.场景如下图所示: 二.第一种解决方法 例如,我们在页面初始化的时候,需要从服务端 ...
    
		
    4. 
						
  4. python连接mysql数据表查询表获取数据导入到txt中
		
    import pymysql'''连接mysql数据表查询表获取数据导入到txt中'''#查询结果写入数据到txtdef get_loan_number(file_txt): connect = py ...
    
		
    5. 
						
  5. python matplotlib plot 数据中的中文无法正常显示的解决办法
		
    转发自:http://blog.csdn.net/laoyaotask/article/details/22117745?utm_source=tuicool python matplotlib pl ...
    
		
    6. 
						
  6. 在vue中使用 layui框架中的form.render()无效解决办法
		
    下面简单介绍在vue中使用 layui框架中的form.render()无效解决办法. 原文地址:小时刻个人技术博客 > http://small.aiweimeng.top/index.php ...
    
		
    7. 
						
  7. iOS 学习笔记二【cocopods安装使用和安装过程中遇到的问题及解决办法】【20160725更新】
		
    在osx 10.11之前cocopods问题不多,但是升级到11之后的版本,之前的cocopods大多用不了,需要重新安装,对于我这种使用测试版系统的技术狂来说,每次都需要重新安装很多东西, 当然,c ...
    
		
    8. 
						
  8. C#中thrift 中THttpHandler 传输数据 慢 slow 解决办法
		
    1. 在用c# 写thrift的服务端,来相应http请求,在用结构体传输时,会遇到一个问题,就是(在用网络)传输数据特别慢, 这是由于在发生数据是用的TStreamTransport 导致每传一个数 ...
    
		
    9. 
						
  9. windows10中git-bash闪退的解决办法
		
    windows10中git-bash闪退的解决办法 出现错误详情 Windows10 64位专业版安装git .18之后出现 Git闪退,报错信息:bash: /dev/null: No such d ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. MacBook Air装Windows7双系统后的一些(未尝试)想法
			
    转载请标注原地址:https://www.cnblogs.com/lixiaojing/p/11458477.html 运行环境: macOS在Mojave下的Boot Camp Assistant只 ...
    
			
    2. 
						
  2. gogs 邀请协作者 500错误
			
    触发原因: 对db文件的user表删了某个用户导致 解决: 注册个新用户,把id改成原来的id(默认都会自增长)
    
			
    3. 
						
  3. centos7.6下的python3.6.9虚拟环境安装elastalert
			
    centos7.6安装python3.6.9+elastalert .编译安装python3..9环境 # 安装依赖 yum -y install zlib-devel bzip2-devel ope ...
    
			
    4. 
						
  4. [LeetCode] 107. Binary Tree Level Order Traversal II 二叉树层序遍历 II
			
    Given a binary tree, return the bottom-up level order traversal of its nodes' values. (ie, from left ...
    
			
    5. 
						
  5. Google Drive网盘文件直链获取一键脚本
			
    说明:本脚本可以将Google Drive网盘的文件分享链接或者文件ID变成直链,方便我们在很多情况下调用.只支持文件分享,不支持文件夹.文件分享ID为26到48位.   使用 1.需求 wget.g ...
    
			
    6. 
						
  6. C/C++  面试-内存对齐 即不同数据类型存储空间
			
    下面列举了Dev-C++下基本类型所占位数和取值范围: 基本型                          所占位数              取值范围                输入符举例 ...
    
			
    7. 
						
  7. appium 弹窗处理
			
    测试过程中遇到两类弹窗: 系统权限弹窗具体业务弹窗系统权限弹窗Android系统权限弹窗一般出现在安装 app 后首次打开,如:定位权限.电话权限等.我们可以按顺序执行测试用例,将该类操作放到 Ini ...
    
			
    8. 
						
  8. Knockout.js之初印象
			
    最近在学Knockout.js,想要把看到的东西用blog记录下来. Knockout.js是一个MVVM的框架,突然想起之前有人问我哪些是MVVM框架?我回答了angular.js和bootstra ...
    
			
    9. 
						
  9. pyhton数据类型：字典、集合、列表、元组
			
    基本常识 元组 列表 字典 集合 初始化 tuple=(1,2,3,4) list=[1,2,3,4] dic={'a':12,'b':34} set={1,2,3,4} 元素索引 tuple[0]  ...
    
			
    10. 
						
  10. vue通过ajax加载json数据
			
    HTML <ul id="Hanapp"> <li class="styVue" v-for="item in actList&qu ...
    
			
    11.