jqwidgets-framework/demos/Showcase/angular-businessdashboard/src/app/news-dropdown/news-dropdown.component.ts

jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.

import { Component, OnInit, Output, EventEmitter } from '@angular/core';

@Component({
    selector: 'app-news-dropdown',
    templateUrl: './news-dropdown.component.html',
    styleUrls: ['./news-dropdown.component.css']
})
export class NewsDropdownComponent implements OnInit {

    @Output() dropDownChangeEvent = new EventEmitter();

    constructor() { }

    ngOnInit() {
        
    }

    source: any = 
        [
            'ALL POSTS',
            'NEWS',
            'FORUM'
        ]

    change(event) {

        this.dropDownChangeEvent.emit(event.args.index);
    }
}