1.安装core ,shared模块

ng g m core  ng g m shared

2.在shared中导入core模块   core模块只加载一次所以将公共组件放到core中

3.创建公共组件：

ng g c core/header --spec=false  创建header组件，并且不使用测试

4.在core.moudles.ts中exports导出

@NgModule({
  declarations: [HeaderComponent, FooterComponent, SidebarComponent],
  imports: [
    CommonModule
  ],
  exports: [
    HeaderComponent,
    FooterComponent,
    SidebarComponent
  ]
})

5.material-ui 学习

安装

npm install @material-ui/core

npm install --save @angular/material

在app.module.ts中引入angular/material相关组件并导出

												


											
angular.js学习笔记(二)的更多相关文章
	

    
								
  1. Angular JS 学习笔记（二）
		
    1. AngularJS 是一个 JavaScript 框架.它可通过 <script> 标签添加到 HTML 页面.AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定 ...
    
		
    2. 
						
  2. Angular.js学习笔记 （二）
		
    用A链接对象解析url的组成 var url = 'https://www.baidu.com:8080/aaa/1.html?id=10#name'; var aLink = document.cr ...
    
		
    3. 
						
  3. Angular JS 学习笔记(自定义服务：factory，Promise 模式异步请求查询:$http,过滤器用法filter，指令:directive)
		
    刚学没多久,作了一个小项目APP,微信企业号开发与微信服务号的开发,使用的是AngularJS开发,目前项目1.0版本已经完结,但是项目纯粹为了赶工,并没有发挥AngularJS的最大作用,这几天项目 ...
    
		
    4. 
						
  4. Angular.js学习笔记（三）
		
    一.过滤器 1.uppercase,lowercase 大小写转换{{ "lower cap string" | uppercase }} // 结果:LOWER CAP STRI ...
    
		
    5. 
						
  5. Angular.js 学习笔记
		
    AngularJS 通过新的属性和表达式扩展了 HTML. AngularJS 可以构建一个单一页面应用程序. <!-- ng-app 指令定义一个 AngularJS 应用程序. ng-mod ...
    
		
    6. 
						
  6. Angular JS 学习笔记（一）
		
    1. 菜鸟教程:http://www.runoob.com/angularjs/angularjs-tutorial.html 2. Angular JS中文网:http://www.apjs.net ...
    
		
    7. 
						
  7. angular.js学习笔记--概念总结
		
    好久没更新了,现在开始学习学习angularjs,并且把学习到的一些知识总结记录一下,方便以后查找以及希望能给初学者一些帮助!(由于本人也是初学ng所以各位慎重理解!) 废话不多说,开始! $root ...
    
		
    8. 
						
  8. ［转］node.js学习笔记(二)
		
    二.express 1.安装 express4 npm --registry=http://registry.npmjs.org install -g express-generator (全局) 2 ...
    
		
    9. 
						
  9. 【转】require.js学习笔记(二)
		
    require.js遵循AMD规范,通过define定义模块,require异步加载模块,一个js文件即一个模块. 一.模块加载require1.加载符合AMD规范模块 HTML: <scrip ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Timeline扩展功能实践指南
			
    转载于http://forum.china.unity3d.com/forum.php?mod=viewthread&tid=32842,介绍了timeline的轨道扩展 Timeline功能 ...
    
			
    2. 
						
  2. jmeter测试报告分析
			
    转载:http://www.cnblogs.com/miaomiaokaixin/p/6118081.html 在cmd中用命令行执行jmeter脚本: jmeter地址  -n -t  脚本地址   ...
    
			
    3. 
						
  3. AES加密解密算法
			
    class Aes { /** * AES加密 * @param $data * @param $secret_key * @return string */ public static functi ...
    
			
    4. 
						
  4. dml并行
			
    Enabling Parallel DMLA DML statement can be parallelized only if you have explicitly enabled paralle ...
    
			
    5. 
						
  5. 高可用Redis(十二)：Redis Cluster
			
    Redis Cluster是Redis官方提供的Redis集群功能 1.为什么要实现Redis Cluster 1.主从复制不能实现高可用 2.随着公司发展,用户数量增多,并发越来越多,业务需要更高的 ...
    
			
    6. 
						
  6. Linux 允许或者禁止ping
			
    Linux默认是允许Ping响应的,系统是否允许Ping由2个因素决定的:A.内核参数,B.防火墙,需要2个因素同时允许才能允许Ping,2个因素有任意一个禁Ping就无法Ping. 具体的配置方法如 ...
    
			
    7. 
						
  7. php框架rbac功能分析
			
    四大php框架rbac功能分析对比
    
			
    8. 
						
  8. 深入理解css优先级
			
    为什么要写这篇文章是因为 <style type="text/css"> body h1 { color: green; } html h1 { color: purp ...
    
			
    9. 
						
  9. UOJ#335. 【清华集训2017】生成树计数  多项式,FFT,下降幂,分治
			
    原文链接www.cnblogs.com/zhouzhendong/p/UOJ335.html 前言 CLY大爷随手切这种题. 日常被CLY吊打系列. 题解 首先从 pruffer 编码的角度考虑这个问 ...
    
			
    10. 
						
  10. SpringBoot-目录及说明
			
    今天开始抽时间整理SpringBoot的内容这里可以作为一个目录及说明相关的资料都可以跳转使用 说明: 目录: 一:创建SpringBoot项目 1)Maven创建 (1)使用命令行创建Maven工程 ...
    
			
    11.