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. PHP常用方法整理
			
    最近开始写PHP项目,各种常用的方法简单整理一下,以备后用. 1.  Xml转Json json_decode(json_encode(simplexml_load_string($xml, 'Sim ...
    
			
    2. 
						
  2. SSM增删改查
			
    闲着无聊配置一遍SSM以及添加功能增删改查,如下图,其中坎坷也挺多!!! 1.工程如下图.(请忽略红叉,没有错误) 2.首先配置pom.xml文件. <project xmlns="h ...
    
			
    3. 
						
  3. python 视频转成代码视频
			
    # -*- coding:utf-8 -*- # coding:utf-8 import os, cv2, subprocess, shutil from cv2 import VideoWriter ...
    
			
    4. 
						
  4. 使用element-ui遇到的各种小问题
			
    一.Dialog对话框 1.在使用嵌套Dialog的时候,会出现遮罩层在内容的上方这种错乱情况 解决办法:http://element-cn.eleme.io/#/zh-CN/component/di ...
    
			
    5. 
						
  5. swoole框架基本总结
			
    框架-Swoole扩展-Swoole文档中心 http://wiki.swoole.com/wiki/page/p-framework.html swoole有两个部分. 一个是PHP扩展,用C开发的 ...
    
			
    6. 
						
  6. java 的 try parse
			
    Integer myInt = Ints.tryParse(a); if (myInt != null) { result.add(Long.parseLong(a)); }
    
			
    7. 
						
  7. js中ASCII码和字符互相转换的方法
			
    目录 十进制ASCII码转换成字符 字符转换成十进制ASCII码 十进制ASCII码转换成字符 使用String.fromCodePoint(num1[, ...[, numN]])方法 String ...
    
			
    8. 
						
  8. 为什么要使用getters和setters/访问器？
			
    Why use getters and setters/accessors? 实际上会有很多人问这个问题....尤其是它成为Coding Style中一部分的时候. 文章出自LBushkin的回答 T ...
    
			
    9. 
						
  9. c/c++再学习：排序算法了解
			
    1.冒泡排序 冒泡排序是一种简单的排序算法.它重复地走访过要排序的数列,一次比较两个元素,如果它们的顺序错误就把它们交换过来.走访数列的工作是重复地进行直到没有再需要交换,也就是说该数列已经排序完成. ...
    
			
    10. 
						
  10. 有意思的算法题：有10个文件，每个文件大概有10G，求里面最大的100个数；
			
    算法思路 1: 第一个阶段:对于单个10G文件而言 1. 初始化:先取100个数,构建最小堆: 开始比较: 2. 取一个数 A,与最小堆的根节点进行比较: 3. 如果 A > 最小堆根节点,则替 ...
    
			
    11.