我目前正在尝试在标签栏中使用select元素。
使用ui.bootstrap.tabs,select
html元素不会在javascript端触发模型。你可以证明我的问题
at plunkr.
当您更改外部选择元素时,它会正常警告所选项目ID。但是,选项卡内的第二个选择元素仅警告第一个选定的项目ID。
有人告诉我这是一个错误还是我的错误?
答案 0 :(得分:3)
这种情况正在发生,因为您的视图位于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
但是,我建议你看看角度范围层次结构。 Angujs Scope