Почему Ant Design для Angular имеет сеточные директивы, а не только компоненты - PullRequest
Новая
       8

Почему Ant Design для Angular имеет сеточные директивы, а не только компоненты

0 голосов
/ 03 ноября 2018 
 <div nz-row nzType="flex" nzJustify="center" nzAlign="top">
    <div nz-col nzSpan="4"><p class="height-100">col-4</p></div>
    <div nz-col nzSpan="4"><p class="height-50">col-4</p></div>
    <div nz-col nzSpan="4"><p class="height-120">col-4</p></div>
    <div nz-col nzSpan="4"><p class="height-80">col-4</p></div>
  </div>

Этот код из библиотеки компонентов дизайна Ant использует nz-col в качестве директивы. Может кто-нибудь объяснить, почему он используется в качестве директивы вместо компонента? Какое значение имеет использование в качестве директивы?

1 Ответ

0 голосов
/ 03 ноября 2018

Если вы посмотрите на исходный код NzColDirective, это extends NzColComponent класс .

NzColComponent по существу, чтобы иметь доступ к таким вещам, как @Host Компонент, @Host Директива, ElementRef и т. Д., Опирается на NzColDirective и в конечном итоге получает его оттуда, поскольку NzColDirective по существу вызывает super в своем конструкторе и передает ему все эти свойства.

...