Angularjs: Get-Element in Controller

Question

Ich bin neu zu angularjs, ich weiß, dass $scope eine Verbindung zwischen dem Controller und der Ansicht darstellen, aber gibt es einen Weg neben der Suche nach class="ng-scope", um das Scope-Element zu bekommen, meine ich so etwas:

Ich weiß, dass der gleiche Controller kann mehreren Bereichen zugewiesen werden, So ist es vielleicht nicht möglich.

Answer 1

Sie können in dem Element an die Steuerung übergeben, ebenso wie der Umfang:

function someControllerFunc($scope, $element){ 

} 

Answer 2

$element ist eine von vier Einheimischen, dass $compileProvider zu $controllerProvider gibt, die dann zu $injector gegeben wird. Der Injektor injiziert lokal nur dann in Ihre Controller-Funktion, wenn Sie gefragt werden.

Die vier Einheimischen sind:

• $scope
• $element
• $attrs
• $transclude

Die offizielle Dokumentation: AngularJS $compile Service API Reference - controller

Der Quellcode von Github angular.js/compile.js:

function setupControllers($element, attrs, transcludeFn, controllerDirectives, isolateScope, scope) { 
    var elementControllers = createMap(); 
    for (var controllerKey in controllerDirectives) { 
     var directive = controllerDirectives[controllerKey]; 
     var locals = { 
     $scope: directive === newIsolateScopeDirective || directive.$$isolateScope ? isolateScope : scope, 
     $element: $element, 
     $attrs: attrs, 
     $transclude: transcludeFn 
     }; 

     var controller = directive.controller; 
     if (controller == '@') { 
     controller = attrs[directive.name]; 
     } 

     var controllerInstance = $controller(controller, locals, true, directive.controllerAs); 

Answer 3

Ich weiß nicht, was meinst du genau, aber hoffen, dass es Ihnen helfen. in HTML

<input scope-element="txtMessage" > 

dann innerhalb Controller
von dieser Richtlinie können Sie die DOM-Element innerhalb Controller zugreifen
dies Probe, die Sie

.directive('scopeElement', function() { 
    return { 
     restrict:"A", // E-Element A-Attribute C-Class M-Comments 
     replace: false, 
     link: function($scope, elem, attrs) { 
      $scope[attrs.scopeElement] = elem[0]; 
     } 
    }; 
}) 

jetzt, innerhalb Element helfen Controller zu konzentrieren:

.controller('messageController', ['$scope', function ($scope) { 
    $scope.txtMessage.focus(); 
}])