Javascript AngularJS:select未更新HTML视图

Javascript AngularJS:select未更新HTML视图,javascript,html,angularjs,drop-down-menu,html-select,Javascript,Html,Angularjs,Drop Down Menu,Html Select,我遇到了一个关于AngularJS的选择选项的问题 我试图将completeStatus值传递给AngularJS的选择标记,以便在Java的下拉列表中使用它们。看起来很好用。问题是,当我从该列表中选择一个值时,它不会更新HTML端,并显示所选的值 我认为它与我已经编写的代码无关,因为它正确地填充了列表。我认为这可能与角度传感器的内置功能有关 下面是我的HTML代码: 塔马兰玛·杜鲁木 塔玛拉德ı 塔玛拉马德 德瓦姆·埃迪约尔 因为我是从Java传递值,所以在我的JS代码中没有关于userR

我遇到了一个关于AngularJS的选择选项的问题

我试图将
completeStatus
值传递给AngularJS选择标记,以便在Java的下拉列表中使用它们。看起来很好用。问题是,当我从该列表中选择一个值时,它不会更新HTML端,并显示所选的值

我认为它与我已经编写的代码无关,因为它正确地填充了列表。我认为这可能与角度传感器的内置功能有关

下面是我的HTML代码:

塔马兰玛·杜鲁木
塔玛拉德ı
塔玛拉马德
德瓦姆·埃迪约尔
因为我是从Java传递值,所以在我的JS代码中没有关于
userReportListFilter.completeTastus
的任何变量或值。(正如我所说,它运行良好,并填充了下拉列表)

当我检查该下拉列表的元素时,我看到它的状态没有更新为ng dirty

我检查了一些问题,但找不到与我的问题类似的问题

编辑:

从下拉列表中选择值:

列表中显示的选定值:


尽管我从列表中选择了Tamamlandı,但我仍然在菜单中看到Tamamlanma Durumu。因此,我们可以说下拉列表现在显示了所选选项。

对于那些想知道答案的人,我使用“模板””来分割HTML代码。当我将模板移动到常规HTML代码时,它解决了这个问题。我相信问题的可能原因是,正如他们在评论中所说的,外部库。

对于那些想知道答案的人,我使用了“模板””来分割HTML代码。当我将模板移动到常规HTML代码时,它解决了这个问题。我相信问题的可能原因是,正如他们在评论中所说的,外部库。

您不应该同时使用ng选项和选项标记。我已经更新了代码。当我仅使用代码中的选项时出现问题。我认为问题与控制器结构有关。正如您在这把小提琴中看到的,它确实工作得很好-因此请添加您尝试设置
parentScope.userReportListFilter.completeStatus的部分。据我所知,没有必要设置
parentScope.userReportListFilter.completeStatus
。如果你从你的小提琴上删除了代码中有角度的部分,你会看到下拉列表仍然可以正常工作(在屏幕上反映所选的数据)。你的问题是什么?你能创建一个plnkr或小提琴吗?你不应该同时使用ng选项和选项标签。我已经更新了代码。当我仅使用代码中的选项时出现问题。我认为问题与控制器结构有关。正如您在这把小提琴中看到的,它确实工作得很好-因此请添加您尝试设置
parentScope.userReportListFilter.completeStatus的部分。据我所知,没有必要设置
parentScope.userReportListFilter.completeStatus
。如果你从你的小提琴上删除了代码中有角度的部分,你会看到下拉列表仍然可以正常工作(在屏幕上反映所选的数据)。你的问题是什么?你能做一个plnkr或小提琴吗?
<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>