¿Hay alguna manera de interactuar con el controlador y el alcance directamente en Angularjs?

Question

He definido un controlador y hay algunas variables en el alcance. ¿Puedo saber si hay alguna forma de asignar un valor a una variable de alcance directamente fuera del controlador (no por ng-model)? Además, ¿puedo llamar a la función de controlador directamente en algún lugar del elemento <script> de la página web (en lugar de usar ng-click)?

Gracias!

Cheers, Chris

Answer 1

Una definición controlador en angular es en realidad una clase y no un objeto. Cada lugar en el HTML al que se hace referencia en el controlador, durante la fase de compilación, angular crea un nuevo objeto controlador usando la clase de controlador definida. Por lo tanto, podría referirse a más de un ámbito con la misma clase de controlador.

Siempre hay un alcance asociado con un controlador y todas las variables están vinculadas a ese ámbito. Se podía acceder el alcance de un elemento HTML en particular llamando algo así como

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

También sería bueno si usted nos deja saber por qué usted está intentando tener acceso el alcance desde fuera del controlador.

ACTUALIZACIÓN

Este es el componente pestaña de arranque ... Usted puede utilizar esto como

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

Ésta es la misma que existe en http://angularjs.org/ página principal .. Sólo he actualizado para transmitir eventos cuando una pestaña cambia.

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

Esto distribuye un evento cuando la ficha cambia ..