Используйте флажок для отображения или скрытия ввода с Angular

Question

Мне нужно отобразить или скрыть ввод с помощью флажка, структура выглядит следующим образом:

<input type="checkbox"/> <input type="text" placeholder="Something"
       value="{{ctrl.value}}" ng-if="checkbox checked">

Как просто сделать это в angular?

Answer 1

Это одна из первых вещей, которую вы узнаете, изучая Angular и изучая документацию Angular , поэтому я настоятельно рекомендую изучить это.

Независимо от того, чтобы это работало, вам нужны некоторые значения в файле ts, которые вы можете привязать к файлу html, используя ngModel, который, вероятно, подойдет вам лучше всего.

Файл TS

inputHidden = false; // This determines whether the text input is rendered or not
ctrl: { // This follows the convention you've outlined, with ctrl.
   value: any
}

HTML

<input type="checkbox" [(ngModel)]="inputHidden">
<input type="text" placeholder="Something" [(ngModel)]="ctrl.value" *ngIf="inputHidden">

Answer 2

<input type="checkbox" name="mycheckbox" ng-model="ctrl.checked"/>

<input type="text" placeholder="Something" value="{{ctrl.value}}" ng-if="ctrl.checked">