Angular 如何改变角度';s默认模块
在学习angular模块时,我开始怀疑是否可以更改angular的默认模块。 我试过了,但失败了。 我对文件所做的更改: 我在src目录下创建了一个名为:core的新目录,其中包含以下类:core.module.tsAngular 如何改变角度';s默认模块,angular,module,components,default,Angular,Module,Components,Default,在学习angular模块时,我开始怀疑是否可以更改angular的默认模块。 我试过了,但失败了。 我对文件所做的更改: 我在src目录下创建了一个名为:core的新目录,其中包含以下类:core.module.ts import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { CoreComponent } from './c
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { CoreComponent } from './core.component';
@NgModule({
imports: [ BrowserModule ],
declarations: [ CoreComponent ],
bootstrap: [ CoreComponent ]
})
export class CoreModule { }
core目录还包含core.component.ts
import { Component } from "@angular/core";
@Component({
selector: 'core',
template: `<h2> Core Component Welcome you</h2>`
})
export class CoreComponent { }
和index.html
<core>loading core component</core>
加载核心组件
我知道在现实世界中,没有人会费心去更改应用程序模块,但我只想了解它是如何工作的,所以如果您能帮助我了解它是如何工作的,我缺少什么,或者如果它甚至不可能更改默认模块
更新:
Console不会报告任何错误,但不会加载内容。不显示(来自core.component.ts模板部分): 核心组件欢迎您 它仅显示(来自index.html部分): 加载核心组件
App.Meod考虑根模块,根模块与其他角度模块
几乎没有区别。 一,️⃣ 导入浏览器模块 二,️⃣ 至少必须将一个声明的组件添加到引导阵列 三,️⃣ 在index.html
中添加与引导组件选择器匹配的元素
四,️⃣ 通过将模块引用传递到main.ts上的platformBrowserDynamic
对象的bootstrapModule
方法,将新模块设置为根模块
core.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { CoreComponent } from './core.component';
@NgModule({
imports: [ BrowserModule ],
declarations: [ CoreComponent ],
bootstrap: [ CoreComponent ]
})
export class CoreModule { }
@NgModule({
导入:[ BrowserModule ],//< p> App.Meod考虑根模块,根模块与其他角度模块几乎没有区别。
一,️⃣ 导入浏览器模块
二,️⃣ 至少必须将一个声明的组件添加到引导阵列
三,️⃣ 在index.html
中添加与引导组件选择器匹配的元素
四,️⃣ 通过将模块引用传递到main.ts上的platformBrowserDynamic
对象的bootstrapModule
方法,将新模块设置为根模块
core.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { CoreComponent } from './core.component';
@NgModule({
imports: [ BrowserModule ],
declarations: [ CoreComponent ],
bootstrap: [ CoreComponent ]
})
export class CoreModule { }
@NgModule({
导入:[浏览器模块],//我可以看到您的错误吗?Console没有报告任何错误,但内容没有加载。它没有显示:Core Component欢迎您。它只显示:loading Core Component检查此演示我创建了您的代码基础它工作正常我不知道哪里出了问题,但我现在尝试了,现在工作正常。感谢@Fmerco for thee快速回复。我能看到你的错误吗?控制台不会报告任何错误,但内容不会加载。而不是显示:Core Component欢迎你。它只是显示:loading Core Component检查此演示我创建了你的代码基础它工作正常我不知道哪里出了问题,但我现在尝试了,现在工作正常。感谢@Fmer谢谢你的快速回复。