Select 元素在 ui.bootsrap.tabs 中不起作用

Select element not working in ui.bootsrap.tabs

我目前正在尝试在标签块中使用 select 元素。

使用 ui.bootstrap.tabs、select html 元素不会触发 javascript 侧的模型。你可以展示我的问题 at plunkr. 当您更改外部 select 元素时,它会正常提醒 selected 项目 ID。但是,选项卡内的第二个 select 元素仅提醒第一个 selected 项目 id。

有人告诉我这是错误还是我的错误?

发生这种情况是因为您的视图位于 uib-tabset 内并且它有自己的范围。因此 uib-tabset 中的 selectOption 模型将位于 uib-tabset 的 $scope 中,而不是控制器的 $scope 中。

因此,每次您更改任何值时,警报都会显示 1。

我创建了一个更新的 plunkr 解决了这个问题。可以在以下位置找到:http://plnkr.co/edit/lbiUUY?p=preview

vm = this //This is the preferred way over $scope for defining variables

但是,我建议您查看 angular 范围层次结构。 Angujs Scope