Angular: Formularfelder schreibgeschützt

Question

Ich habe einige Formulare, die nur von einigen Benutzern bearbeitet werden können. Andere Benutzer sollten es nur sehen können.

Derzeit überprüfe ich für jedes Formularsteuerelement in einem Formular Bedingung und zeige entweder ein Formularsteuerelement oder einen Text an. Etwas wie,

<div> 
    <input type="text" *ngIf="editable"> 
    <p *ngIf="!editable">{{value}}</p> 
</div> 

Dies scheint nicht ein eleganter Weg zu sein. Bitte schlagen Sie einen saubereren Weg vor, um dies zu erreichen, wie etwas auf der obersten Ebene zu tun.

Answer 1

Ich denke, Sie sollten einen Blick auf die ng-disabled Richtlinie werfen. Dies sollte hier den Trick tun!

Answer 2

Da Sie Angular verwenden, ist es besser, FormControls und FormGroups zu verwenden. Werfen Sie einen Blick auf this Leitfaden. Mit der FormControl-API können Sie die Eingabe enable und disable programmgesteuert.

Eine andere Möglichkeit ist property binding zu verwenden und so etwas tun:

<div> 
    <input type="text" [readonly]="!editable"> 
</div>