隔離スコープのパラメータが同期されない
開発環境は
Angular1.5
AngularBootstrap
TypeScript
です。
AngularbootstrapのDatepickerPopupをディレクティブでラップしています。
カスタムディレクティブで展開したHTMLから、
ng-clickで隔離スコープのbooleanを切り替えるだけのスコープ内関数を呼び出します。
this.scope = {};
this.templateUrl = "<div ng-include='uri'></div>";
this.link = (scope: IExtendedScope) => {
scope.toggle = () => {
scope.show = !scope.show;
};
scope.show = false;
}
hoge.html
is-open="show" datepicker-open="show" ng-click="toggle()"
隔離スコープのbooleanで表示、非表示を切り替えますが、AngularBootstrapのDatepickerPopupの機能で、ポップアップの外をクリックしても非表示になります。
このとき、隔離スコープのパラメータはfalse(ポップアップ非表示)になりますが、それ以降クリックすると、
パラメータ"show"は切り替わりますがポップアップは非表示のままとなります。
ただ、
ng-click="show=!show"
とすることで、表示、非表示が行えるようになります。
上記事象について、詳しくわかる方がいたら何が起きているのか教えてください。