Angular 2 позволяет писать многострочные шаблоны, используя символы 'для их добавления в кавычки. Также можно поместить многострочный шаблон в файл .html
и ссылаться на него с помощью templateUrl
.
Мне кажется удобным поместить шаблон непосредственно в компонент, а затем все это в одном месте, но есть ли какой-либо недостаток в этом?
1-й подход:
import {Component} from 'angular2/core';
@Component({
selector: 'my-app',
template: '
<h1>My First Angular 2 multiline template</h1>
<p>Second line</p>
'
})
export class AppComponent { }
против 2-го подхода:
import {Component} from 'angular2/core';
@Component({
selector: 'my-app',
templateUrl: 'multi-line.html'
})
export class AppComponent { }
вместе с multi-line.html
:
<h1>My First Angular 2 multiline template</h1>
<p>Second line</p>