单击另一个子组件按钮时清除一个子组件的数据

时间:2019-04-04 17:58:40

标签: angular

我创建了一个用于自动完成文本视图的组件,该组件必须在许多页面中使用。

在父类中,我已使用该子组件3次,这意味着该页面具有3个autocomplete-text-view。

每个END_STREAM组件都有一个清除按钮。

现在,如果我单击第一个WARN o.a.h.c.p.RequestTargetAuthentication: NEGOTIATE authentication error: No valid credentials provided (Mechanism level: No valid credentials provided (Mechanism level: Failed to find any Kerberos tgt)) 的清除按钮,则其他2个autocomplete-text-view输入字段的数据也应清除。

请帮助我如何实现这一目标。

autocomplete-text-view

parentcomponent.html

autocomplete-text-view

childcomponent.ts

I have used `@Output` decorator and emitted the event to parent component .So that I can pass empty message using `@Input` decorator to clear the data of other 2 `autocomplete-text-view` .But it is not working.

当我单击第一个<app-search-bar (clear)="subchapter_select=''"></app-search-bar> <app-search-bar [search_key]="subchapter_select" (clear)="op=''"> </app-search-bar> <app-search-bar [search_key]="op" "> </app-search-bar> 的清除按钮时,其他export class SearchBarComponent implements OnInit { @Input() search_key; @Output() clear = new EventEmitter(); clearText(){ this.clear.emit();//emiting event from child component to parent } } 的输入字段上的数据应该会清除

0 个答案:

没有答案