@Component({
selector: 'my-app',
templateUrl: './jsonData.html',
styleUrls: ['./app.component.css'],
})
export class AppComponent {
title = 'Angular';
}
The selector should not contain the path because the selector is going to be used like this: <my-app></my-app> in some HTML template/file. And coming to the templateUrl , it takes relative path to the HTML template. Since both the component and the template URL you're going to use are in the same folder, you can use ./ followed by the required file name. That being said, it is better to name your files appropriately. app.component.ts , app.component.html , app.component.css Hope this helps!
1条答案
按热度按时间ycl3bljg1#
The selector should not contain the path because the selector is going to be used like this:
<my-app></my-app>
in some HTML template/file.And coming to the
templateUrl
, it takes relative path to the HTML template. Since both the component and the template URL you're going to use are in the same folder, you can use./
followed by the required file name.That being said, it is better to name your files appropriately.
app.component.ts
,app.component.html
,app.component.css
Hope this helps!