根据条件禁用输入

时间:2018-08-06 20:10:07

标签: html angular typescript

您好,我有以下代码:

<table class="details-table" *ngIf="peop && peopMetadata">
    <tr *ngFor="let attribute of peopMetadata.Attributes">
        <td class="details-property">{{attribute.AttributeLabel}}</td>
        <td [ngSwitch]="attribute.AttributeType">
            <div *ngSwitchCase="'String'">
                <input matInput [(ngModel)] = "peop[attribute.AttributeKey]" />
            </div>
            <div *ngSwitchDefault>{{peop[attribute.AttributeKey]}
            </div>
        </td>
    </tr>
    <div>
        <button ng-click="">Submit</button>
    </div>
</table>

我想基于peop [attribute.IsWritable] ='false'的属性值禁用输入。我如何在这里实现这一目标。感谢您的帮助

2 个答案:

答案 0 :(得分:3)

仅输入法:

.item

条件方法:

fr

OR:

auto

答案 1 :(得分:0)

我刚发现需要这样做,发现我需要使用ng-disabled来实现。

<input id="my-input-id" class="my-input-class" type="number" name="my-input-name" ng-model="MyCtrl.myModel" required ng-disabled="MyCtrl.myProperty && MyCtrl.myProperty !== 'someValue'"></input>

希望这对其他人有帮助!