一部のユーザーのみが編集可能なフォームがあります。他のユーザーはそれを見ることができます。角度：フォームフィールドは読み取り専用モード
現在、フォーム内のフォームコントロールごとに、条件をチェックして、フォームコントロールまたはテキストのいずれかを表示しています。何かのように、
<div>
<input type="text" *ngIf="editable">
<p *ngIf="!editable">{{value}}</p>
</div>
これはエレガントな方法ではないようです。トップレベルで何かをするような、よりクリーンな方法を提案してください。
ng-disabledの指示をご覧ください。 これはここでトリックを行う必要があります！
角度を使用しているので、FormControlsとFormGroupsを使用する方が良いです。 thisガイドをご覧ください。 FormControl APIを使用すると、enableとdisable入力をプログラムで使用できます。
他の方法は、property bindingを使用して、このような何かを行うことです。
<div>
<input type="text" [readonly]="!editable">
</div>
いいえ、私は 'readonly'または' disabled '属性です。 'select'や' input'のようなフォームコントロールの代わりに静的な要素を表示したいのですが、各コントロールを個別に切り替える必要はありません。 – karthikaruna
私はあなたが何を意味するのか分かりません。入力を静的な要素のようにスタイルするとどうなりますか？ – tasos
Angularは 'disabled'要素へのバインディングを推奨しません。フォームに 'select'要素があり、' readonly'がそれらに何の影響も与えないので、 'readonly'を使うことはできません。さらに、私は主に個々の要素を個別に切り替えることを望まない。 – karthikaruna
なぜあなたは、むしろ個別制御を切り替えるよりも、2つの異なるビュー（読み取り専用と編集可能）を作ることができませんか？ – Zabavsky