angularjs - AngularJS: bootstrap-ui アコーディオンからのアクセス スコープ

Question

ui-bootstrap アコーディオン内のモデルの変更を $watch しようとしています。バインディングはビュー内で機能しますが、モデルが変更されると $watch は起動しません。

http://plnkr.co/edit/DcoGT2?p=preview

コントローラーで $scope.myModel の値を取得するにはどうすればよいですか?

Answer 1

プリミティブではなくオブジェクトを使用します。

<div ng-controller="AccordionDemoCtrl">
  <accordion>
    <accordion-group heading="Static Header">
      <input ng-model="model.myModel"> {{ model.myModel }}
    </accordion-group>
  </accordion>
</div>

angular.module('plunker', ['ui.bootstrap']);
function AccordionDemoCtrl($scope) {
  $scope.model = {myModel: ''};
  $scope.$watch('model.myModel',function(){
    console.log($scope.model.myModel);
  })
}

プランカー