$スコープの問題。 HTMLビューに表示されていない変更

Question

ガイズ私は角に新しいですし、私は問題のビット直面しています：私はngJsTreeを使用していますが、私は単に何かするときをする「selectNodeCB」メソッドをオーバーライドしています今

をツリーからノードを選択します。

$scope.test = "Hellow World" 
... 
function selectNodeCB(event, data) { 
     debugger; 
     $scope.test = "Goodbye World"; 

} 

ここで、UIでノードを選択すると、デバッガで停止します。 $ scope.testは "さよならワールド"に変更されました。メソッドが終了すると、UI（HTLMメソッド）に変更が表示されることはありません。

は、私がこれを行うときので、それは「selectNodeCB」機能の探しなし$スコープとは何かを持っていると信じて：

$scope.testFnc = function() { 
     $scope.test = "Goodbye World"; 
}; 

をし、それが完璧に動作し、いくつかのボタンをクリックする上で、私はそれを設定します。また、 "selectNodeCB"から "testFnc"を呼び出すことを試みましたが、何もHTMLで再度変更されることはありません。

私は本当に明白な何かを忘れていると確信しています。誰かが私にチップを与えることができれば、私はとても嬉しく思っています。私はそれがHTMLビューで問題だったanswearを発見した

Answer 1

良いPPL：

  <div class="portlet-body"> 
       <div class="container" ng-controller="EditPrizeTableCtrl as vm"> 
        <div class="row" cg-busy="vm.promise"> 
         <toaster-container></toaster-container> 
         <div class="col-xs-6"> 
          <div class="panel-body"> 
           <div id="ptTree" js-tree="treeConfig" should-apply="ac()" ng-model="treeData" 
            tree="treeInstance" tree-events="ready:readyCB;select_node:selectNodeCB"></div> 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
      ...... 
      <div> {{test}} </div> 

は今のソリューションはこれです：{{テスト}}は、コンテナ

<div class="container" ng-controller="EditPrizeTableCtrl as vm"> ... </div> 

外にある場合

これは動作しません。 {{テスト}}を内部に置いた場合：

<div class="container" ng-controller="EditPrizeTableCtrl as vm"> {{test}} ... </div> 

うまく動作します。しかし、これは一般的な解決策ではありません。だから、あなただけの変数「VM」を作らないし、ちょうどあなたがコンテナにそれを必要とする「EditPrizeTableCtrl」を使用することができます

  <div class="portlet-body"> 
      <div class="container"> 
       <div class="row" cg-busy="EditPrizeTableCtrl.promise"> 
        <toaster-container></toaster-container> 
        <div class="col-xs-6"> 
         <div class="panel-body"> 
          <div id="ptTree" js-tree="treeConfig" should-apply="ac()" ng-model="treeData" 
           tree="treeInstance" tree-events="ready:readyCB;select_node:selectNodeCB"></div> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
     ...... 
     <div> {{test}} </div> 

それは完璧な動作する方法を！