Czy istnieje sposób na interakcję z kontrolerem i zasięgiem bezpośrednio w Angularjs?

Question

Mam zdefiniowany kontroler i istnieje kilka zmiennych w zakresie. Czy mogę wiedzieć, czy istnieje dla mnie sposób, aby przypisać wartość zmiennej zakresu bezpośrednio poza kontrolerem (nie przez ng-model)? Czy mogę też wywołać funkcję kontrolera bezpośrednio w elemencie strony WWW (zamiast używać <script>)?

Dzięki!

Cheers, Chris

Answer 1

Definicja kontroler w kątowa jest rzeczywiście klasa, a nie obiektu. Każde miejsce w kodzie HTML, do którego odwołuje się kontroler, podczas fazy kompilacji tworzy nowy obiekt kontrolera za pomocą zdefiniowanej klasy kontrolera. Więc możesz odnosić się do więcej niż jednego zakresu z tą samą klasą kontrolera.

Z kontrolerem zawsze związany jest zakres, a wszystkie zmienne są powiązane z tym zakresem. Można uzyskać dostęp do zakresu określonego elementu html poprzez wywołanie coś podobnego

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

Byłoby również dobrze, jeśli pozwolisz nam znać, dlaczego próbujesz uzyskać dostęp do zakresu od zewnątrz sterownika.

UPDATE

to bootstrap komponent tab ... Można to wykorzystać jako

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

jest to ten sam, który istnieje w http://angularjs.org/ stronie głównej .. I to właśnie zaktualizowane do rozsyłania zdarzeń po zmianie karty.

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 
    }; 
}); 

To wywołuje zdarzenie, gdy zmienia się zakładka ..