我目前正在尝试在选项卡块中使用select元素。
使用ui.bootstrap.tabs,select
html元素不会在javascript端激发模型。你可以展示我的问题在plunkr。当您更改外部select元素时,它会正常地提醒所选项目id。然而,选项卡内的第二个选择元素只提醒第一个选择的项目id。
有人告诉我这是bug还是我的错误?
之所以会发生这种情况,是因为您的视图位于uib选项卡集中,并且有自己的作用域。因此,uib选项卡集中的selectOption模型将在uib选项卡集的$范围内,而不在控制器的$范围中。
因此,每次更改任何值时,警报都显示为1。
我创建了一个更新的plunkr,它解决了这个问题。它可以在以下位置找到:http://plnkr.co/edit/lbiUUY?p=preview
vm = this //This is the preferred way over $scope for defining variables
但是,我建议你看看角度范围层次结构。Angujs Scope