如何在选择领域给出价值?

时间:2014-08-14 12:00:46

标签: javascript jquery angularjs angularjs-directive

我正在制作一个选择字段。我谷歌它发现我们显示不同的字符串,并在选择框中获得不同的值。

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"。当我选择" Helicopter"给出价值" psasdpasdpasd"

1 个答案:

答案 0 :(得分:0)

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

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