代码之家 › 专栏 › 技术社区 › Viktor Reinok

在硬编码选项mgmodel的情况下选择标记默认值

ngmodel jhipster angular5 angular

Viktor Reinok · 技术社区 · 6 年前

通过设置选择值 this.model.type = OPTION_NR1 ,角度集HTML属性 ng-reflect-model 在HTML到零 ,这是默认的枚举值和选项1。HTML属性的正确值是 选项1 ,它用选项1填充下拉列表,而不是将其保留为空。

当前设置的功能 : <select .. ng-reflect-model="0">
它应该做什么 : <select .. ng-reflect-model="OPTION_NR1">

<select [(ngModel)]="model.type"  required>
   <option value="OPTION_NR1" >Option1</option>
   <option value="OPTION_NR2" >Option2</option>
</select>

2 回复 | 直到 6 年前

Jon Ruddell 6 年前

更新枚举以使用 TypeScript's string enum 。

如果枚举看起来像:

export const enum Type {
    'OPTION_NR1',
    'OPTION_NR2'
}

更改为:

export const enum Type {
    OPTION_NR1 = 'OPTION_NR1',
    OPTION_NR2 = 'OPTION_NR2'
}

这是在发电机中完成的 this pull request 在版本v5.0.0-beta.1及更高版本中提供。

Lynx 242 6 年前

我不知道我是否理解你的意思。但似乎您希望model.type字段是一个字符串,而不是表示枚举索引的0。

所以我假设您的枚举名为“types”。试试这个方法:

this.model.type = Types[this.model.type];

如果这不是你所期望的,请更具体一些。

推荐文章

Vimal · 用于用户名验证的JavaScript正则表达式

6 年前

user2024080 · 我如何防止我的表单在以后编辑?

6 年前

DiPix · 如何在Visual Studio中将Angular 5应用程序添加到解决方案中?

6 年前

Karl Johan Vallner · 如何将datatable寻呼机模板添加到Angular ngx datatable

6 年前

Ali Bedaer · 具有多个组件的角形5

6 年前

user8707389 · Angular 5侦听器或用于按钮禁用属性更改的指令

6 年前

3gwebtrain · 如何单独更新'BehaviorSubject'单个值

6 年前

Neto · 角度5-使用RouterUseStrategy时如何重新加载当前数据

6 年前

Lakshan Thilakarathne · Firebase 5 Angular 5 AngularFireList。snapshotChanges()错误

6 年前

Robby · 角度5构建生成main。以MB为单位进行捆绑,这会在生产中造成性能问题

6 年前