如何在数据网格中填充SELECT?

时间:2016-07-25 15:41:57

标签: angularjs

我有这个对象:

phraseFormId = [
    {
        id: 1,
        name: 'Word'
    }, {
        id: 2,
        name: 'Sentence'
    }
];

我想要做的是将此只读row.formId更改为将显示的SELECT元素以及我可以选择新值的位置:

<div>
    <div>{{ row.formId}}</div>
</div>

任何人都可以告诉我如何做到这一点吗?

由于

2 个答案:

答案 0 :(得分:1)

当然不确定,你究竟在寻找什么,但看看这个小提琴,简单到足以开始。如果您的问题陈述不同,请告诉我。

使用

var config = RealmConfiguration.DefaultConfiguration;
config.SchemaVersion = 1;  // increment this when your model changes

小提琴:http://jsfiddle.net/U3pVM/26336/

答案 1 :(得分:0)

有点不清楚你究竟要求什么,但我想我可能找到了解决方案。

Here is a DEMO

请告诉我这是否是您要找的!

利用ng-optionsselect创建一个下拉列表,其中包含将绑定到模型属性的值

HTML

<div ng-repeat="item in phraseFormId">
    <h4 ng-bind="'Item ' + $index"></h4>
    id: {{item.id}}<br>
    name: {{item.name}}<br>
    formId: 
    <select ng-model="item.formId" ng-options="id for id in formIds"></select>
</div>

控制器

$scope.formIds = [1,2,3];
$scope.phraseFormId = [
    {
      id: 1,
      formId: 1,
      name: 'Word'
    }, {
      id: 2,
      formId: 2,
      name: 'Sentence'
    },
    {
      id: 3,
      formId: 1,
      name: 'Paragraph'
    }, {
      id: 4,
      formId: 3,
      name: 'Sentence'
    }
];