javascript - 如何在选择字段中赋予值？

Question

我正在创建一个选择字段。我用谷歌搜索发现我们显示不同的字符串并在选择框中获得不同的值。

http://plnkr.co/edit/I9s79qGwqw0x6hGis0JX?p=preview

现在我使用 json 从这里形成插件

https://github.com/nimbly/angular-formly

当我应用所有内容时，它会给出值 **1,2...** 就像显示名称不同一样。我只想更改选择框的值，如何实现此目的？ 这是我的笨蛋

http://plnkr.co/edit/Wcvh2AMxtopPmIwpJkfi?p=preview

$scope.formFields = [
    {
        //the key to be used in the result values {... "username": "johndoe" ... }
        key: 'username',

        //default value
        default: 'uberuser',
        type: 'text',
        label: 'Username',
        placeholder: 'johndoe',
        required: true,
        disabled: false, //default: false
        description: 'Descriptive text'
    },  {
    "key": "transportation",
    "type": "select",
    "label": "How do you get around in the city",
    "options": [
        {
            "name": "Car"
        },
        {
            "name": "Helicopter"
        }
    ]
    }
];

我需要如果我选择汽车，它给出值“aadsasd”。当我选择“直升机”时，给出值“psasdpasdpasd”

Answer 1

在此插件中，您可以为选项传递名称和值，它将生成您在选项中传递的值。此链接https://github.com/nimbly/angular-formly/blob/master/src/directives/formly-field-select.html向您展示该插件如何在表单中创建选择。它将选项视为服务，因此您可以像这样传递值

[
  {name: "red", value: "dgdsg"},
  {name: "white", value: "1dgsg"},
]