AngularJS | ng-jq指令

ng-Jq指令允许强制由angular.element库使用的库。当我们将ng-jq留为空白时，应该发生jQLite的强制，否则应在窗口下设置jquery变量的名称(例如jQuery)。 jQLite直接内置于AngularJS中，是jQuery的重要子集。默认情况下，AngularJS使用jQLite。当需要加载该指令时，AngularJS会查看该指令，它根本不等待DOMContentLoaded事件。在执行负责引导角度的脚本之前，应将其放置在出现的元素上。除了ngApp指令外，如果添加ng-jq指令，您还可以指定将在窗口下可用的jQuery名称，当您将jQuery与别名变量一起使用时，这将是至关重要的。

注意： AngularJS将仅使用ng-jq指令的第一个实例，而所有其他实例将被忽略。在加载AngularJS之前，先使用jQuery加载jQuery库，然后angular将跳过jQLite，它将开始使用jQuery库。

句法：

...

或者

参数：它包含单个参数ng-jq，这是可选的。必须在窗口下指定库名称以用于angular.element。

例子：

  

    
        AngularJS ng-jq Directive
    
      
    
      
    
        var jQuery_2_1_3 = $.noConflict(true);
    
  
    
      
    
        angular.module('ngAppTest', [])
        .controller('MainCtrl', function() {
            this.isUsingJQuery = 
                angular.element.toString().indexOf('jQuery') !== -1;
        })
    

  
  

  
    GeeksForGeeks
    ng-jq Directive
  
    is using jQuery : {{ vm.isUsingJQuery }}

  
                    

输出：