Question

我有一个输入字段，称为状态ID，现在在UI中显示编号。它显示3条记录为1，2，3。在我的打字稿中，我用字段变量声明了这些数字。

statusId: number;
STATUS_INITIAL: number = 1;
STATUS_MODIFIED: number = 2;
STATUS_FROZEN: number = 3;
STATUS_DISCARD: number = 4;

 <div class="form-group m-form__group row">
    <div class="col-lg-4">
        <label for="colFormLabelSm" class=" col-form-label col-form-label-sm">Status Id</label>
    </div>
    <div class="col-lg-7">
        <input type="text" id="statusId" class="form-control form-control-sm" [(ngModel)]="statusId"  [ngModelOptions]="{standalone: true}">
    </div>

现在，我想显示这些变量名称，例如STATUS_FROZEN而不是数字。就像用户界面中的3一样。

有人可以解释吗？

Answer 1

有很多不同的方法可以实现这一目标。您可以使用键和值创建对象：

<div class="form-group m-form__group row" >
  <div class="col-lg-4">
    <label for="colFormLabelSm" class=" col-form-label col-form-label-sm">Status Id</label>
  </div>
  <div class="col-lg-7">
    <input type="text" id="statusId" class="form-control form-control-sm" [(ngModel)]="statusId['3']"  [ngModelOptions]="{standalone: true}">
  </div>
</div>
  
  <script type = "text/typescript">
        statusId = {
    1: 'STATUS_INITIAL',
    2: 'STATUS_MODIFIED',
    3: 'STATUS_FROZEN',
    4: 'STATUS_DISCARD'}
  ;
    </script>

希望有帮助！

Answer 2

您可以使用键值对解决此问题。键值对就像这样，变量/对象“ A”，键“初始值”，值“ 0”。现在，您可以分别通过变量/object_name.key或变量/object_name.value调用键或值。有关更多信息，请访问此链接，希望对您有所帮助：https://www.talkingdotnet.com/angular-6-1-introduces-new-keyvalue-pipe/

如何使用角在输入字段中显示字符串值而不是数字

2 个答案: