如何操作@input-有条件地

时间:2019-02-18 06:19:26

标签: angular

我正在通过@Input()获得价值-我需要使用迭代器进行操作,该怎么做?

这是我的代码:

@Input() events: Observable<Array<CalendarEvent>>; //required manipulation
@Input() currentEvent: ModelEvent;

clickedDate: Date;

constructor(private calendarService:CalendarService) { }

ngOnInit() {
    const headerHeight = $('.site-header').outerHeight();
    //moving content down to header
    $('body').css({paddingTop: headerHeight});

    this.calendarService.eventId.subscribe(event => {
        this.eventId = event.id;
        this.setViewDate();
    })

    // this.events.subscribe(data => console.log('data', data));

    if(this.events.length) { //how to do? //at present getting error
        <!-- do something -->
    }
}

1 个答案:

答案 0 :(得分:0)

您无法要求可观察对象的长度,因此会出现错误。相反,您应该订阅然后在回调函数中移动if语句,在其中您可以使用事件的值完全执行所需的操作。