Html 在页面中使用页面和设置属性

Html 在页面中使用页面和设置属性,html,angular,ionic4,Html,Angular,Ionic4,我有一个问题,使用另一个页面。首先,我创建了名为Header的第一个页面。我的页眉页面得到了选择器:页眉。在另一个页面中使用此选择器可以很好地工作。但是现在我在header.ts中创建了一个名为“Title”的属性。Title是我在header.html中用来显示文本的东西。 现在我想在第二页中再次使用标题并设置“Title”属性,但我不知道如何设置。仅在HTML中设置它不起作用 第二个HTML: 首先,您必须在标题页中创建get和set方法,标题页如下所示: 从'@angular/core

我有一个问题,使用另一个页面。首先,我创建了名为Header的第一个页面。我的页眉页面得到了选择器:页眉。在另一个页面中使用此选择器可以很好地工作。但是现在我在header.ts中创建了一个名为“Title”的属性。Title是我在header.html中用来显示文本的东西。 现在我想在第二页中再次使用标题并设置“Title”属性,但我不知道如何设置。仅在HTML中设置它不起作用

第二个HTML:


首先,您必须在标题页中创建get和set方法,标题页如下所示:

从'@angular/core'导入{Component,OnInit,Input};
@组成部分({
选择器:“应用程序自定义标题”,
templateUrl:“./custom header.component.html”,
样式URL:['./自定义标题.component.css']
})
导出类CustomHeaderComponent实现OnInit{
标题:字符串;
构造函数(){}
@输入()
设置标题(标题\数据:任意){
this.title=标题\数据;
}
获取标题(){
返回此.title;
}
恩戈尼尼特(){
}

}
谢谢您的帮助,我无法理解,但这样做会出现错误:无法绑定到“header”,因为它不是“page header”的已知属性。我遗漏了什么吗?请检查你的名字是否正确。“header”来自于@Input get和set method name from header page组件,因此它应该与get set method name相同,并确保您的选择器名称与元素名称相同。请检查stackblitz one并与您的源代码进行一次比较:)非常感谢您的帮助。我错过了getter上面的“@Imput”属性。现在工作。:)