Javascript 如何使用输出作为输入?

Javascript 如何使用输出作为输入?,javascript,angular,typescript,ionic-framework,Javascript,Angular,Typescript,Ionic Framework,我尝试使用组件“事件设置”的输出作为组件“事件列表”的输入。如何解决此问题 <ion-content padding> <button ion-button type="button" class="showFilterBtn" (click)="isCollapsed = !isCollapsed" [attr.aria-expanded]="!isCollapsed" > Show Filter </butto

我尝试使用组件“事件设置”的输出作为组件“事件列表”的输入。如何解决此问题

<ion-content padding>
    <button ion-button type="button" class="showFilterBtn" (click)="isCollapsed = !isCollapsed"
            [attr.aria-expanded]="!isCollapsed" >
      Show Filter
    </button>

    <event-settings [eventName]="false" [accompaniment]="false" [hidden]="isCollapsed" (searchedEvents)="getSearchedEvents($event)"></event-settings>
    <events-list *ngIf="this.events!= 'undefined'" [events]="this.events"></events-list>
</ion-content>

这个.events(observable)是我输出的数据

您需要使用rxjs observable或subject。另一个选项是使用服务,在本答案中有详细说明。

首先删除输入变量前面的“this”,它可以修复它

如果没有,还有比RxJs更简单的解决方案。首先,我猜设置getSearchEvents的函数是否更改了事件变量?(如果可能,请添加您的代码)

因此,当您发出事件时,您可以更改变量event,并使用setter让您的事件列表每次都知道它:

event = new Event();
@Input() set eventChange(event) {
    this.event = event;
}

在HTML中,将[event]替换为[eventChange],您就完成了;)

嘿,谢谢你的回答!但是我不能写新的事件;因为Event needs parameter是一个示例类名,所以可以编写Event:any=null;请解释您有什么错误,因为它不工作太普遍了。我在console.log中获取事件,但在事件列表中的呈现不工作{{event.name}一种Homeparty:{{{event.art}

在{event.startdate}开始{event.starttime}

结束{event.enddate}{event.endtime}

音乐方向:{{event.Music Direction}

城市:{{event.City}

event = new Event();
@Input() set eventChange(event) {
    this.event = event;
}