javascript - AngularJS:选择不更新 HTML View

Question

我遇到了有关 AngularJS 的 选择选项 标记的问题。

我正在尝试将 completeStatus 值传递给 AngularJS 的 select 标记，以便在 下拉列表中使用它们>Java。看起来工作正常。问题是，当我从该列表中选择一个值时，它不会更新 HTML 一侧，并向我显示所选的值。

我认为它与我已经编写的代码无关，因为它正确填充了列表。我觉得可能和Angular的内置函数有关。

下面是我的 HTML 部分代码:

<div class="quick-search-inpage">
<label class="item item-stacked">
    <select class="select" id="completed2" name="completed2" style="width: 160px"
        ux-select data-ng-model="parentScope.userReportListFilter.completeStatus">
        <option value="">Tamamlanma Durumu</option>
        <option value="COMPLETED">Tamamladı</option>
        <option value="NOT_COMPLETED">Tamamlamadı</option>
        <option value="CONTINUE">Devam Ediyor</option>
    </select>
</label>

由于我从 Java 传递值，因此我的 JS 代码中没有任何关于 userReportListFilter.completeStatus 的变量或值。 (正如我所说，它工作正常并填充了下拉列表)

当我检查该下拉列表的元素时，我发现它的状态没有将自身更新为ng-dirty。

我检查了 SO 中的一些问题，但找不到与我的问题类似的问题。

编辑:

从下拉列表中选择值:

列表中显示所选值:

即使我从列表中选择了Tamamlandı，我仍然在列表中看到Tamamlanma Durumu菜单。所以我们可以说下拉列表现在显示所选选项。

Answer 1

对于那些想知道答案的人，我使用“模板”来拆分HTML代码。当我将模板移至常规 HTML 代码时，问题得到解决。我相信问题的可能原因是，就像他们在评论中所述，外部库。