选择在ui.bootsrap.tabs中不起作用的元素



我目前正在尝试在选项卡块中使用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

最新更新