gpt4 book ai didi

javascript - AngularJS:根据模型类型显示适当的表单元素

转载 作者:行者123 更新时间:2023-11-28 19:29:36 26 4
gpt4 key购买 nike

我有一个具有 ConfigValues 的 Angular 模型。本质上它是一个从 C# 传入的 Dictionary,看起来有点像:

{
Name: "Config Name",
Value "True",
Type: 0 // boolean
}

有些是 bool 值,有些是整数等。我想要的是当我遇到 bool 类型并且然后当我看到另一种类型时显示正常的输入

我该怎么做?

<table>
<tr ng-repeat="(key, val) in module.ConfigValues">
<td>{{key}}</td>
<td><input type="text" ng-model="val.Value" ng-disabled="module.saving" /></td>
</tr>
</table>

最佳答案

尝试使用ngIf:

<table>
<tr ng-repeat="(key, val) in module.ConfigValues">
<td>{{key}}</td>
<td>
<input type="text" ng-model="val.Value" ng-disabled="module.saving" ng-if="val.Type !== 0" />
<input type="checkbox" ng-model="val.Value" ng-disabled="module.saving" ng-if="val.Type === 0" />
</td>
</tr>
</table>

如果您想要更多类型,也许您可​​以尝试使用 ngSwitch:

<table>
<tr ng-repeat="(key, val) in module.ConfigValues">
<td>{{key}}</td>
<td>
<span ng-switch="val.Type">
<input type="checkbox" ng-model="val.Value" ng-disabled="module.saving" ng-switch-when="0" />
<input type="text" ng-model="val.Value" ng-disabled="module.saving" ng-switch-default="0" />
</span>
</td>
</tr>
</table>

关于javascript - AngularJS:根据模型类型显示适当的表单元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27131015/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com