угловой логический входной параметр 6 элементов

Question

Я создаю угловой элемент и передаю ему несколько входных параметров.Я могу передать некоторые строковые входные параметры просто отлично (ikrId и окружение работают отлично), но изо всех сил пытается передать логическое значение в свойство ввода showTitle через угловой элемент (передавая свойство showTitle компоненту из родительского угловогокомпонент работает просто отлично).

Вот фрагмент кода:

export class MyComponent implements OnInit, OnDestroy {

  @Input() ikrId: string;
  @Input('environment') environment: IkrEnvironment = 'PROD';
  @Input('showTitle') showTitle = true;

Вот как я использую его в простой старый HTML :

<my-element environment="DEV" ikr-id="889fb69f-71a5-4881-8528-0b43a07599f0" show-title="false"></my-element>

Но показать заголовокне попадает в мой компонент, это всегда правда.

Что мне здесь не хватает?

Спасибо!

Answer 1

синтаксис для ввода Ввод в шаблоне [<input_name>]="<value>";вы должны использовать

<my-element [environment]="DEV" [ikrId]="889fb69f-71a5-4881-8528-0b43a07599f0" [showTitle]="false"></my-element>

Answer 2

Вы можете определить свойство showTitle как метод получения / установки и преобразовать строковое значение в логическое значение в установщике:

private _showTitle = true;

@Input('showTitle') 
get showTitle(): boolean {
  return this._showTitle;
}
set showTitle(value: boolean) {
  this._showTitle = "" + value !== "false";
}