Angularjsで直接コントローラとスコープと対話する方法はありますか？

Question

私はコントローラを定義しており、スコープにはいくつかの変数があります。コントローラーの外で直接変数スコープに値を割り当てる方法があるかどうかを知ることができますか（ng-modelではありません）。また、コントローラの機能を、ng-clickの代わりに、Webページの<script>要素のどこかで直接呼び出すことはできますか？

ありがとうございます！

乾杯、クリス

Answer 1

は、角度のコントローラの定義は、実際のクラスではなくオブジェクトです。コントローラが参照するHTML内の各場所は、コンパイルフェーズ中に、定義されたコントローラクラスを使用して新しいコントローラオブジェクトを作成します。したがって、同じコントローラクラスで複数のスコープを参照することができます。

コントローラに関連付けられているスコープは常にあり、すべての変数はそのスコープにバインドされています。あなたは、あなたが、コントローラの外部からスコープにアクセスしようとしている理由をお聞かせ場合、それはまた良いでしょう

var scope = angular.element("#myelement").scope(); 
//use the scope.... 

のようなものを呼び出すことにより、特定のHTML要素の範囲をアクセスすることができました。

UPDATE

これは、ブートストラップタブコンポーネントです...あなたは、私はちょうどそれを更新しました。これはhttp://angularjs.org/メインページに存在するものと同じである

<tab> 
<pane title="tab1"><pane> 
<pane title="tab2"></pane> 
</tabs> 

としてこれを使用することができますタブが変化したときにイベントをブロードキャストします。

var directives = angular.module('myApp.directives', []); 
directives.directive('tabs', function() { 
    return { 
     restrict:'E', 
     transclude:true, 
     scope:{}, 
     controller:function ($scope, $element, $rootScope) { 
      var panes = $scope.panes = []; 

      $scope.select = function (pane) { 
       angular.forEach(panes, function (pane) { 
        pane.selected = false; 
       }); 
       pane.selected = true; 
       $rootScope.$broadcast("tabChanged", pane.title); 
      } 

      this.addPane = function (pane) { 
       if (panes.length == 0) $scope.select(pane); 
       panes.push(pane); 
      } 
     }, 
     template:'<div class="tabbable">' + 
      '<ul class="nav nav-tabs">' + 
      '<li ng-repeat="pane in panes" ng-class="{active:pane.selected}">' + 
      '<a href="" ng-click="select(pane)">{{pane.title}}</a>' + 
      '</li>' + 
      '</ul>' + 
      '<div class="tab-content" ng-transclude></div>' + 
      '</div>', 
     replace:true 
    }; 
}); 
directives.directive('pane', function() { 
    return { 
     require:'^tabs', 
     restrict:'E', 
     transclude:true, 
     scope:{ title:'bind' }, 
     link:function (scope, element, attrs, tabsCtrl) { 
      tabsCtrl.addPane(scope); 
     }, 
     template:'<div class="tab-pane" ng-class="{active: selected}" ng-transclude>' + 
      '</div>', 
     replace:true 
    }; 
}); 

これは基本的に私は同時にangularjsとブートストラップ（タブJavaScriptのコンポーネント）を使用したいタブの変更..