0

現在、タブブロックでselect要素を使用しようとしています。選択要素がui.bootsrap.tabsで機能しない

ui.bootstrap.tabsを使用すると、select html要素はjavascript側でモデルを起動しません。私の問題を表示することができます at plunkr. 外部のselect要素を変更すると、選択された項目idが正常に警告されます。ただし、タブ内の2番目の選択要素は、最初に選択した項目idだけを警告します。

誰かがバグか私の間違いだと教えてくれますか?

答えて

2

これは、ビューがuib-tabsetの内部にあり、独自のスコープを持っているために起こります。そのため、uib-tabset内のselectOptionモデルは、uib-tabsetの$ scopeにあり、コントローラの$ scopeにはありません。

が故に毎回あなたが任意の値アラートを変更する私は問題を解決し、更新plunkrを作成しました。1.

を示しました。私はあなたが角度範囲の階層を見てすることをお勧め、http://plnkr.co/edit/lbiUUY?p=preview

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

しかし:で見つけることができます。 Angujs Scope

+0

私はそれが自分自身の範囲を作成することを逃した。だから、もし私がこのケースでrootScopeを使うのであれば、それはどうですか? – madjack

+0

rootScopeは一般的には良い考えではありません。できるだけrootScopeを避けることをお勧めします。 –

関連する問題