angular stremable lable issue

Job ID: 32123320

Budget: £10 – £20 GBP

we have a straming lable that shows when a movie , series , episode is streamable
but the lable is showing on all episodes even when there is no video to stream
Angular code

import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';
import {Title} from '../../../../models/title';
import {Episode} from '../../../../models/episode';
import {Settings} from '@common/core/config/settings.service';

@Component({
selector: 'streamable-label',
templateUrl: './streamable-label.component.html',
styleUrls: ['./streamable-label.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush
})
export class StreamableLabelComponent {
@Input() item: Title|Episode;
@HostBinding('class.hidden') get isHidden() {
var showLabel = this.settings.get('streaming.show_label');
return !this.item ||
!(this.item.model_type == 'episode' || this.item.stream_videos_count) ||
!showLabel;
}

constructor(private settings: Settings) {}
Related categories: PHP JavaScript Node.js Laravel AngularJS