Integrate filters in Power BI with Angular to pass variables

I use Power Bi in an Angular frontend. I call the method in the ngOnInit. I would now like to filter for the “roomId” in a database called ‘persons’ and in a table of the same name “persons”.

If I retrieve the active filter below via getFilters, it is also displayed, but the list is not filtered. Do I have to do something in the Power BI software? The roomId is all filter is somehow set automatically and I can't delete it either. Is it perhaps not overwritten?

public ngOnInit(): void {
this.embedPowerBIReport();
}

private embedPowerBIReport(): void {
const filter: models.IBasicFilter = {
$schema: "http://powerbi.com/product/schema#basic",
filterType: models.FilterType.Basic,
target: {
table: "persons",
column: "roomId"
},
operator: "In",
values: [123]
};

this.embedConfig = {
type: 'report',
id: reportId,
embedUrl: url,
tokenType: models.TokenType.Embed,
accessToken: token,
filters: [filter],
settings: {
panes: {
filters: { visible: true },
// pageNavigation: { visible: false }
},
layoutType: pbi.models.LayoutType.Custom,
customLayout: {
displayOption: pbi.models.DisplayOption.FitToWidth
}
}
};

const reportContainer = document.getElementById('reportContainer');
const report = powerbi.embed(reportContainer, this.embedConfig) as Report;

report.on('loaded', () => {
report.getFilters()
.then(activeFilters => console.log('Active Filters:', activeFilters));

});
}

Continue reading...