AngularJS | angular.element()函数

AngularJS 中的angular.element()函数用于将DOM 元素或 HTML字符串初始化为 jQuery 元素。如果 jQuery 可用angular.element可以用作 jQuery函数的别名，也可以用作将元素或字符串包装在 Angular 的jqlite中的函数。

句法：

angular.element(element)

其中element指的是 HTML DOM 元素或要包装到 jQuery 中的字符串。

示例 1：

  

    
    
    
      angular.element()
  

  

    
      GeeksforGeeks
  
    
      angular.element()
  
  
    
        
            {{name}}
        
    
    
        var app = angular.module("app", []);
        app.controller('geek', ['$scope', '$document',
            function($scope, $document) {
                $scope.name = "GeeksforGeeks";
                
                $scope.style = function() {
                 angular.element(
                   $document[0].querySelector('#ide')).css({
                        'color': 'white',
                        'background-color': 'green',
                        'width': '200px'
                    });
                };
                $scope.remove = function() {
                 angular.element(
                   $document[0].querySelector('#ide')).css({
                        'color': 'black',
                        'background-color': 'white'
                    });
                };
            }
        ]);
    
  

  

输出：
在鼠标进入之前：

鼠标输入后：

示例 2：

  

    
    
    
      angular.element()
  

  

    
      GeeksforGeeks
  
    
      angular.element()
  
    
        
        
        
          Click me!
      
        
        You typed: {{value}}
    
    
        var app = angular.module("app", []);
        app.controller('geek', ['$scope', 
           '$document', function($scope, $document) {
                $scope.myVal = "";
                $scope.getVal = function() {
                  $scope.value = angular.element(
                    $document[0].querySelector(
                      '#text')).val();
            }
        }]);
    

  

输出：
输入前：

输入后：