In my table-basic.component.ts file, I declared 'tables-basic' as a selector and included this template in dashboard.html. Despite following the steps outlined below, I encountered an error which is also highlighted.
Snippet from my dashboard.template.html:
<div href='#tab2'>
<div id='tab2'>
<tables-basic></tables-basic>
</div>
</div>
Corresponding TypeScript code:
import { Component, ViewEncapsulation } from '@angular/core';
import { TablesBasic } from '../tables/basic/tables-basic.component';
import { AppConfig } from '../app.config';
@Component({
selector: 'dashboard',
templateUrl: './dashboard.template.html'
})
export class Dashboard {
config: any;
month: any;
year: any;
}
Error message received:
main.browser.ts:25Error: Template parse errors:(…)(anonymous function) @ main.browser.ts:25ZoneDelegate.invoke
@ zone.js:203Zone.run
@ zone.js:96(anonymous function)
@ zone.js:462ZoneDelegate.invokeTask
@ zone.js:236Zone.runTask
@ zone.js:136drainMicroTaskQueue
@ zone.js:368ZoneTask.invoke
@ zone.js:308
If anyone has suggestions on how to resolve this error, please feel free to offer your help. Thank you!