javascript - 在 AngularJS 上调用 jQuery 函数

Question

如何使用 AngularJS 调用 jQuery 函数或代码？

例如，我有这个 HTML:

<iframe ng-src="{{v}}"></iframe>

还有我的 Controller :

angular.module("myApp", [])
  .controller("AppCtrl", function($scope, myService) {
    $scope.myScope = function() {

      $('iframe').pluginCall();

      myService.myFunc(function( data ){
        $scope.myVar = 'Hey';
        [...]
    });
   };
  });

所以，我想运行$('iframe').css('opacity','.5');为我退还的东西。

我该怎么做？

Check it!

Answer 1

我认为你不应该这样做，而是使用 Angular 方式:

<iframe ng-src="{{v}}" ng-style="{ opacity: '.5' }"></iframe>

如果你确实想获取 Controller 内的对象，可以使用 Angular 的元素查询:

angular.element(document.querySelector('iframe')).css('opacity','.5';