两种方法

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. [转]c++ pthread 多线程简介
			
    链接:https://blog.csdn.net/u013894427/article/details/83827173 pthread 入口函数类型说明void * func1(void * t)v ...
    
			
    2. 
						
  2. elementui---for循环需要添加KEY
			
    在用VUE和elementui开发项目的时候,在开启 es-lient 的时候,如果for循环没有添加 key ,会报语法上的错误. genderSelect:[ {value:0,label:'女' ...
    
			
    3. 
						
  3. notepadd++中，如何根据某个字符将一行内容切割成多行？
			
    背景描述: 今天在做个事情,遇到下面字符,就想将每个词,如cluster,zookeeper都单独的一行 [cluster, activemq, controller, brokers, zookee ...
    
			
    4. 
						
  4. java.io.IOException: Input is binary and unsupported
			
    十一月 16, 2019 11:49:47 上午 org.apache.catalina.core.StandardWrapperValve invoke严重: Servlet.service() f ...
    
			
    5. 
						
  5. RequestUtil       获取网址页面信息
			
    import java.io.BufferedReader; import java.io.IOException; import java.io.InputStream; import java.i ...
    
			
    6. 
						
  6. Laya的Tween缓动没有初始化repeat导致的Bug
			
    当你使用一个Tween给一个图标做旋转动画,循环播放.(repeat是播放次数, repeat=0无限循环,repeat=1播放一次) Laya.Tween.to(this.light,{rotati ...
    
			
    7. 
						
  7. javaScript Es6数组与对象的实例方法
			
     个人心得 我们在没有接触Es6方法之前,做一些算法之类的事情是就比较麻烦,在做的过程中也要考虑很多的问题,比较麻烦,而Es6的方法正是来方便我们在平常运用时能够将问题简便化,大大的减少我们的日常代码 ...
    
			
    8. 
						
  8. mysql查询列为空
			
    SELECT * FROM `表名` WHERE ISNULL(列名)
    
			
    9. 
						
  9. svn服务安装教程
			
    https://www.cnblogs.com/yankyblogs/p/7282752.html
    
			
    10. 
						
  10. 第2/7Beta冲刺
			
    1.团队成员 成员姓名 成员学号 秦裕航 201731062432(组长) 刘东 201731062227 张旭 201731062129 王伟 201731062214 2.SCRU部分 2.1各成 ...
    
			
    11.