javascript - ng-model 数据不绑定(bind)选定的 ng-option

Question

HTML

<select
    ng-model="selected1"
    ng-options="item.Name as item.Name for item in jobLineClassFSC"
    class="gridinputs">
</select>
<select
    ng-model="selectedJobLineTypeFSC"
    ng-options="item.Name as item.Name for item in jobLineTypeFSC">
</select>

<select
    ng-model="selectedJobLineSubTypeFSC"
    ng-options="item.Name as item.Name for item in jobLineSubTypeFSC">

我正在获取结果并正确显示；但所选列表未绑定(bind)到 ng-model，我不知道为什么。我在项目的另一个地方实现了同样的功能，它在那里工作。谁能告诉我该怎么做。非常感谢任何帮助。

Answer 1

我的猜测是您的选择标签与您的 Controller 处于不同的范围内。所以 ng-model 将选定的值存储在错误的范围内。

为避免这种情况，最佳做法是使用点符号，如 model.selectedJobLineTypeFSC:

<select ng-model="model.selectedJobLineTypeFSC"
        ng-options="item.Name as item.Name for item in jobLineTypeFSC"></select>

然后在 Controller 中检查 $scope.model.selectedJobLineTypeFSC。