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

时间:2016-03-29 17:20:26

标签: angularjs angular-ui-bootstrap angularjs-ng-change angular-ui-bootstrap-tab

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

使用ui.bootstrap.tabs,select html元素不会在javascript端触发模型。你可以证明我的问题 at plunkr. 当您更改外部选择元素时,它会正常警告所选项目ID。但是,选项卡内的第二个选择元素仅警告第一个选定的项目ID。

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

1 个答案:

答案 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