无法在加载时将值绑定到ui选择

Question

我的ui-select指令有以下html:

<div class="col-xs-12 col-sm-12 col-md-6">
    <div class="form-group">
        <label class="control-label small-font">Sample *</label>
        <ui-select ng-model="form.sample" theme="bootstrap" required>
            <ui-select-match placeholder="Pick one...">{{$select.selected.name}}</ui-select-match>
            <ui-select-choices repeat="sample in samples">
                {{ sample.name }}
            </ui-select-choices>
        </ui-select>
    </div>
</div>

这是我的数组

$scope.samples = [
    {
        name: 'Sample 1'
    },
    {
        name: 'Sample 2'
    }
];

我正在创建一个编辑表单，所有的值都从服务器返回并加载到各自的字段中，但我无法获得ui选择值来显示。

我知道还有其他类似的帖子，但我尝试了他们的"解决方案"，无论如何都没有帮助我。

格式为"form "。"我希望它在加载数据时显示为选中的项。

Answer 1

你试过了吗:

$scope.samples = [
    {
    name: 'Sample 1'
},
{
    name: 'Sample 2'
}
];
$scope.sample = {};
$scope.sample.value = $scope.samples[0];

并从form.sample中取form

<div class="col-xs-12 col-sm-12 col-md-6">
<div class="form-group">
    <label class="control-label small-font">Sample *</label>
    <ui-select ng-model="sample.value" theme="bootstrap" required>
        <ui-select-match placeholder="Pick one...">{{$select.selected.name}}</ui-select-match>
        <ui-select-choices repeat="itemSample in samples">
            {{ itemSample.name }}
        </ui-select-choices>
    </ui-select>
</div>

ui select指令将值应用到指定模型中的"select"子节点，所以如果你传入form。Sample指令查找子节点上的值，而不是表单中的值。示例，这就是为什么你必须传递一个子属性给指令，很难看到