在视图加载AngularJS后运行脚本

Question

我是AngularJS的新人,我有这个问题;

我用我的控制器中的变量用html填充我的部分视图:

<div ng-bind-html="deliberatelyTrustDangerousSnippet()"></div>

一切顺利,直到我决定运行脚本.显示该脚本,但它不会运行.我认为问题是视图在加载页面后填充了我的变量控制器,因此脚本不会运行.我在我的控制器中使用变量来存储脚本的原因是因为我必须从其他地方获取脚本,并且它经常被更改.

这是运行我的脚本的可行方法吗？

这是我的代码示例:

视图:

    <div ng-bind-html="deliberatelyTrustDangerousSnippet()"></div>

控制器:

    .controller('browseCtrl', function($scope,$sce) {

      $scope.video = '<div id="idxx1" style="width: 460px; height: 290px;" itemprop="video" itemscope itemtype="http://schema.org/VideoObject"></div><script>addeere3ejs("idxx1",  "172653", "24431581", "1_fq2w6oc2");</script>';

      $scope.deliberatelyTrustDangerousSnippet = function() {
      return $sce.trustAsHtml($scope.video);
    };
})

如果我的问题不清楚,我会尝试更好地解释它.

Answer 1

您可以在控制器中使用 viewContentLoaded 事件。

$scope.$on('$viewContentLoaded', function(){
 // Run after view loaded.
});

不确定 ng-bind-html 是否允许这样运行脚本。您可能需要将其包裹在尖括号中才能在加载时自动运行。

 <div ng-bind-html="{{deliberatelyTrustDangerousSnippet()}}"></div>