VMWare Clarity Design System и строгая проверка типов шаблонов Angular 9 Ivy - PullRequest
Новая
       21

VMWare Clarity Design System и строгая проверка типов шаблонов Angular 9 Ivy

0 голосов
/ 28 февраля 2020

Мой проект использует Angular (v9) и Clarity Design System (v3).

С плющом и строгой проверкой типов шаблонов, Как вы обрабатываете clrLayout элементов clrForm? 

<form clrForm clrLayout="horizontal" clrLabelSize="4">
  [...]
</form>

Эта форма дает мне следующие сообщения об ошибках:

  • Type 'string' is not assignable to type 'number'. для атрибута clrLabelSize="4" .
  • Type '"horizontal"' is not assignable to type 'Layouts'. для clrLayout="horizontal".

Спасибо!

Ссылка: https://clarity.design/documentation/forms

1 Ответ

1 голос
/ 28 февраля 2020

Я не пользователь Clarity, но для проверки источника вам нужно использовать перечисление Layout. Строка не может использоваться в качестве члена перечисления. Чтобы передать число для размера метки, просто оберните атрибут [clrLabelSize], чтобы выражение соответствовало числу. В противном случае он передается в виде строки. 

import { Layouts } from '[pathToClarity]/layout.service';

export class YourComponent {
   Layouts = Layouts
}

<form clrForm [clrLayout]="Layouts.HORIZONTAL" [clrLabelSize]="4">

Моими источниками были эти исходные файлы: layout.service.ts , layout.ts

...