Angular Can';在惰性加载组件中加载页眉、页脚组件(角度5)
在我的angular 5项目中,我有Angular Can';在惰性加载组件中加载页眉、页脚组件(角度5),angular,Angular,在我的angular 5项目中,我有HeaderComponent,FooterComponent和一些延迟加载模块 在app.modules.ts中 declarations: [.... HeaderComponent,FooterComponent.....] 在header.component.ts中 .... @Component({ selector: 'ls-header', templateUrl: './header.component.html'
HeaderComponent
,FooterComponent
和一些延迟加载模块
在app.modules.ts中
declarations: [....
HeaderComponent,FooterComponent.....]
在header.component.ts中
....
@Component({
selector: 'ls-header',
templateUrl: './header.component.html',
styleUrls: ['./header.component.css']
})
@Input() public showHome: string = "N";
....
......
<ls-header [showHome]="'Y'" [showLogout]="'Y'" ></ls-header>
......
在lazyLoad.component.ts中
....
@Component({
selector: 'ls-header',
templateUrl: './header.component.html',
styleUrls: ['./header.component.css']
})
@Input() public showHome: string = "N";
....
......
<ls-header [showHome]="'Y'" [showLogout]="'Y'" ></ls-header>
......
在调用header组件的地方,应该有如下内容:
<ls-header [showHome]="inputValue"></ls-header>
正如您所看到的,您的选择器是
选择器:'ls header',
而不是header
,这是您应该在标记中使用的
<ls-header [showHome]="'Y'" [showLogout]="'Y'" ></ls-header>
您的标题
组件需要组件中的@Input()showHome
。该组件已经存在@Input()showHome:string=“N”;向我显示标题组件
,尤其是@Component annotation codedited。请检查@antoniossss是否确定默认情况下组件的名称为?可能编译器误解了已编辑组件的标记。请检查nowEDITED。现在检查我的答案对不起,以前也只是这样一些。我只是给你们举了一个header的例子,而不是ls header。非常感谢任何帮助对不起,我不理解你的意思。你能解释得更清楚些吗?对不起以前也只是这样一些。我只是给你们举了一个header的例子,而不是ls header。有什么帮助吗appreciated@VikramR我不明白你的意思:(