javascript - LumX lx-select 不更新 ng-model

Question

我最近开始使用 LumX 框架，我试图在这里使用他们的 Selects 指令，但我不清楚他们的文档。这是我到目前为止所得到的：

        <lx-select ng-model="selectedPriority" placeholder="Priority" choices="priorities">
            <lx-select-selected>
                {{ $selected.name }}
            </lx-select-selected>

            <lx-select-choices>
                {{ $choice.name }}
            </lx-select-choices>
        </lx-select>

这就是我定义优先级的方式（在包含 lx-select 的 div 的控制器中）

$scope.priorities = [
    { name: 'Urgent',               id: 1 },
    { name: 'Very important',       id: 2 },
    { name: 'Not important',        id: 3 },
    { name: 'None',                 id: 4 }
];

这确实给了我一个可供选择的列表，但是 selectedPriority 模型永远不会更新，因此每当我尝试使用该值时，它总是未定义。我什至无法运行他们在文档页面中提供的示例，但我不确定我缺少什么。

Answer 1

所以以这种方式初始化 selectedPriority 变量：

$scope.selects = {
    selectedPriority: undefined,
};

似乎成功了。我尝试没有在数组中声明 selectedPriority，但据我所知，这是模型正确更新的唯一方法。

Answer 2

检查您的角度版本，看看它是否符合您的 lumX 版本的最低要求。

例如，根据我的实验，lumX 0.3.24 版和 angular 1.2.28 版的匹配会产生您遇到的问题（模型不会更新）。