меню

Подключение шаблона

Рассмотрим файл app\servers\servers.component.ts, сейчас шаблон подключен как внешний файл:

  
@Component({
  selector: 'app-servers',
  templateUrl: './servers.component.html',
  styleUrls: ['./servers.component.css']
  

Шаблон не обязательно должен быть внешним файлом:

  
@Component({
  selector: 'app-servers',
  template: '<app-server></app-server><app-server></app-server>'
  styleUrls: ['./servers.component.css']
  

Для многострочного варианта нужно заменить символ кавычек на с ' на ':

 
@Component({
  selector: 'app-servers',
  template: `
  <app-server></app-server>
  <app-server></app-server>`,
  styleUrls: ['./servers.component.css']
 

Работа со стилями компонента

Для работы с html удобно использовать emmit.

Внесем изменения в app.component.html:

  
<div class="container">
  <div class="row">
    <div class="col-xs-12">
      <h3>I'am in the AppComponent!</h3>
      <hr />
      <app-servers></app-servers>
    </div>
  </div>
</div>
 

В Файлах *.component.ts стили подключаются либо как массив внешних файлов:

  
styleUrls: ['./app.component.css']
  

Либо, как массив строк:

  
style: [`
  h3 {
    color: blue;
  }
`]
  

Возможно, вам будет интересно

Binding свойств директив

Привязка входных и вторичных свойств директивы атрибута в Angular

Динамические шаблоны в Angular

В данном руководстве рассмотрим двухстороннее связывание данных. Создание динамических шаблонов, меняющих свое состояние в зависимости от действий пользователя, с помощью двухстороннего связывания данных и директивы ngIf.

Route передача статичных данных

Как передать статичные данные в компонент с помощью настроек роута.

Шаблон и стили компонента

Стилилизация компонента в Angular, способы определения стилей, подключени внешнего файла стилей, вынесение кода шаблона во внешний файл html

Оформление заявки

Документы на создание сайта

Изучите наше коммерческое предложение, заполните БРИФ и отправьте его на почту maxidebox@list.ru. Изучив все пожелания из БРИФ-а, обратным ответом оповестим Вас по стоимости разработке, ответим на вопросы.

КП на создание сайта Коммерческое предложение на созданеи сайта

Мы берем на себя ответственность за все стадии работы и полностью избавляем клиентов от забот и необходимости вникать в тонкости.

Скачать БРИФ (акета) на создание сайта Скачать БРИФ (акета) на создание сайта

Зополните у БРИФ-а все необходимые поля. Сделайте краткое описание к каждому из пунктов анкеты, привидите примеры в соответсвующий пунктах - это позволит лучше понять Ваши ожидания и требования к сайту