Я хочу объявить переменную, которая должна быть доступна из шаблона компонента, но не из других компонентов. Если я сделаю это private
, я получу ошибку при компиляции AoT, и если я сделаю это public
, вы знаете, что.
@Component({
selector: 'my-child',
template: `
<div>
<h2>Hello {{userName}}</h2>
</div>
`,
})
export class ChildComponent{
public userName = "Test Name"; //declared as public
}
@Component({
selector: 'my-parent',
template: `
<my-child #myChild></my-child>
<button (click)="buttonClicked"></button>
`,
})
export class ParentComponent{
ViewChild('myChild') myChild:ChildComponent;
public buttonClicked(){
//I don't want this.myChild.userName be accessible here
}
}
Есть ли способ сделать это?