Question

我创建了一个父组件：-

@Component({
    selector: 'parent',
    templateUrl: '../views/parent.view.html'
})
export class ParentComponent {
    @ViewChild('primaryColorSample')
    primaryColorSample: AssetNoteComponent;
}

父html：-

<div> <a [tooltip]="primaryColorSample">add</a>
    <child #primaryColorSample></child>
</div>

子组件：-

@Component({
    selector: 'child',
    templateUrl: '../views/child.view.html'
})
export class childComponent {

}

子HTML：-

<tooltip-content #primaryColorSample [animation]="true" placement="left">
  <input type="text" name="child" required="true" />
  <button>save</button>
</tooltip-content>

我无法使用父html中的工具提示内容，请您建议我如何执行此操作。我正在使用ngx-tooltop和angulr。

Answer 1

从ngx-tooltip的文档和源代码中，我们可以看到[tooltip]输入的类型为字符串或TooltipContent组件。

您可以将子模板（即TooltipContent）移动到父模板的顶部，然后删除<child #primaryColorSample></child>。会的。

在设置中，您使用ViewChild获取对Child组件的引用，作为回报，您得到的是对子组件类的引用，而不是字符串，而不是TooltipContent组件，因此这没用。

Answer 2

在子组件中声明输入？

<child #primaryColorSample [tooltip]="primaryColorSample"></child>

如何从parentComponent角度显示childComponent中的工具提示内容

2 个答案: