Vinod Jangle Ответов: 1

Как передать переменную шаблона ref другому компоненту в angular 6

Я пытаюсь передать переменную шаблона другому компоненту, включенному в текущий компонент, но получаю неопределенную ошибку. Не знаю, что я делаю не так. Ниже приведен код html-файла компонента и файла ts.

<div *ngIf=dataLoaded>
    <div #topDiv id="topDiv"></div>
</div> 
<scroll-content [targetElmRef]="target"></scroll-content>


@Input('targetElmRef') targetElmRef: any;


Что я уже пробовал:

выше приведен фрагмент кода

<pre lang="Javascript">
<div *ngIf=dataLoaded>
    <div #topDiv id="topDiv"></div>
</div> 
<scroll-content [targetElmRef]="target"></scroll-content>


@Input('targetElmRef') targetElmRef: any;

1 Ответов

Рейтинг:
5

Wastedtalent

Вам действительно нужно будет опубликовать как родительский, так и компонентный код, чтобы было ясно, что вы делаете, но что-то вроде:

Родительский компонент:

<div *ngIf=dataLoaded>
    <div #topDiv id="topDiv"></div>
</div> 
<scroll-content [targetElmRef]="target"></scroll-content>


С родительским компонентом typescript:

get target() : any {
 return targetObject.
}


И на дочернем компоненте:

@Input targetElmRef: any;


Должно сработать, если вы вернете то, к чему стремитесь привязать дочерний компонент.

Убедитесь, что цель определена, и вам, вероятно, следует определить типы, а не использовать "любой", так как это сделает его более читабельным.

Vinod Jangle

Это сработало, спасибо.