Angular 如何覆盖和绑定到投影的内容属性

假设它们是两个组件。父组件

页面

和子组件

字段

。我想使用内容投影将

页面

中的

输入

html标记/元素传递到

字段

。然后在

字段

组件中，我想修改传递的

输入

html元素属性。例如，将字段“最大/最小长度”设置为硬编码长度，并将绑定（模糊）事件绑定到函数

代码示例

在page.component中：

@组件({
选择器：“页面”，
模板URL:`
`
})
导出类PageComponent{}

现场组件：

@组成部分({
选择器：'字段'，
模板：`
`
})
导出类字段组件{
长度=14；
onBlur（）
{
console.log（“模糊”）；
}
}

我试着做一些类似的事情（显然没有成功），但希望这能让我的观点更加清晰

@Component({
  selector: 'field',
  template: `
  <ng-content maxLength="length" minLength="length" (blur) ="onBlur()" select="input"></ng-content>
  `
})
export class FieldComponent  {
  length = 14;
  onBlur()
  {
    console.log('blured');
  }
}

@组件({
选择器：'字段'，
模板：`
`
})
导出类字段组件{
长度=14；
onBlur（）
{
console.log（“模糊”）；
}
}

---

注意：我找不到一种方法/技巧/模式来实现这一点。搜索像上面标题这样的词只会让我找到教我如何使用内容投影或高级用例的文章，而这篇文章并不是其中的一部分。也许我找不到正确的词来搜索它。如果是这样，请告诉我这个过程的名称。提前谢谢。

您能改进一下您的问题吗，它很难理解。如果你写了一个更好、更完整、更容易理解的问题，你就增加了有人回答的可能性。你能改进一下你的问题吗，这很难理解。如果你写了一个更好、更完整、更容易理解的问题，你就增加了有人回答这个问题的可能性。

@Component({
  selector: 'field',
  template: `
  <ng-content  select="input"></ng-content>
  `
})
export class FieldComponent  {
  length = 14;
  onBlur()
  {
    console.log('blured');
  }
}

@Component({
  selector: 'field',
  template: `
  <ng-content maxLength="length" minLength="length" (blur) ="onBlur()" select="input"></ng-content>
  `
})
export class FieldComponent  {
  length = 14;
  onBlur()
  {
    console.log('blured');
  }
}