Есть ли способ передать тег привязки во входной строке на метку

Question

У меня есть собственный класс для флажка, в котором метка и ввод определяются вместе с классами.

Я использую этот компонент в другом классе, где мне нужно передать метку, содержащую ссылку, например:принять, чтобы продолжить. Так можно ли передать метку с указанной выше строкой, которая содержит ссылку?

customCheckbox.component.ts

<div class="form-group" [formGroup]="checkboxForm">
  <label class="checkboxContainer">
    {{ label }} <input id="{{ id }}" type="checkbox" [formControlName]="checkboxFormName" />
    <span class="checkmark"></span>
  </label>
</div>

использование

<custom-checkbox
          id="_id"
          [checkboxForm]="checkboxForm"
          [nameOfControl]="checkboxFormName "
          label="{'Please accept the <a>terms and condition </a> .'" >
        </custom-checkbox>

так нужен этот тип этикетки.

Answer 1

Вы можете передать текст для метки в innerHTML метки. Как это:

  label = 'This is normal,but <a href="https://www.google.com"> this is link</a>'

<label [innerHTML]="label"></label>