Answers:
根据$ viewContentLoaded的文档，它应该可以工作
每次重新加载ngView内容时发出。
$viewContentLoaded 发出事件，这意味着要接收此事件，您需要一个父控制器，例如
<div ng-controller="MainCtrl">
<div ng-view></div>
</div>
从MainCtrl你可以听的事件
$scope.$on('$viewContentLoaded', function(){
//Here your view content is fully loaded !!
});
检查演示
ng-repeat多个嵌套指令将根据复杂的循环和条件生成HTML / Content 时，此选项将不起作用。即使$viewContentLoaded事件被触发，渲染也会持续一段时间。如何确保所有元素都已完全呈现，然后执行某些代码？任何反馈？
角度<1.6.X
angular.element(document).ready(function () {
console.log('page loading completed');
});角> = 1.6.X
angular.element(function () {
console.log('page loading completed');
});使用指令和角度元素ready方法，如下所示：
.directive( 'elemReady', function( $parse ) {
return {
restrict: 'A',
link: function( $scope, elem, attrs ) {
elem.ready(function(){
$scope.$apply(function(){
var func = $parse(attrs.elemReady);
func($scope);
})
})
}
}
})<div elem-ready="someMethod()"></div>或对于那些使用controller-as语法的人...
<div elem-ready="vm.someMethod()"></div>这样做的好处是您可以随心所欲地使用UI进行宽泛或细化，并从控制器中删除DOM逻辑。我认为这是推荐的Angular方法。
如果其他指令在同一节点上运行，则可能需要优先考虑此指令。
elem.ready( $scope.$apply( readyFunc( $scope ))); 为什么会这样呢？也许对角度的更新发生了？无论如何-如果可行的话，这是一种优雅的方法。
attrs.onReady，应该是现在的错字。另一个问题是我称之为时髦。。。。。。。。。。。。。。。
$timeout; 否则您就陷于控制器级别。您正在显式创建addt。DOM节点只是执行非dom逻辑；仅当该方法位于$ scope层次结构中的较高位置以使子作用域继承该方法时，它才可重用；我只是认为从NG角度看，它看起来很糟糕；
$timeout(function() {})周围添加了字词后为我工作elem.ready()。否则，它将引发$digest already in progress错误。但是无论如何，非常感谢！在过去的一个小时里，我一直在为此苦苦挣扎。
您可以通过{{YourFunction()}}在HTML元素后添加直接调用它。
这是一个Plunker Link。
我必须在处理Google图表时实施此逻辑。我所做的是在我添加的控制器内部html末尾添加的。
<body>
-- some html here --
--and at the end or where ever you want --
<div ng-init="FunCall()"></div>
</body>在该函数中，只需调用您的逻辑即可。
$scope.FunCall = function () {
alert("Called");
}var myM = angular.module('data-module');
myM.directive('myDirect',['$document', function( $document ){
function link( scope , element , attrs ){
element.ready( function(){
} );
scope.$on( '$viewContentLoaded' , function(){
console.log(" ===> Called on View Load ") ;
} );
}
return {
link: link
};
}] );上面的方法对我有用
您可以在angular js中调用onload事件的javascript版本。此ng-load事件可应用于任何dom元素，例如div，span，body，iframe，img等。以下是在现有项目中添加ng-load的链接。
以下是iframe的示例，加载 后将 在控制器中调用testCallbackFunction
例
JS
// include the `ngLoad` module
var app = angular.module('myApp', ['ngLoad']);
app.controller('myCtrl', function($scope) {
$scope.testCallbackFunction = function() {
//TODO : Things to do once Element is loaded
};
});
的HTML
<div ng-app='myApp' ng-controller='myCtrl'>
<iframe src="test.html" ng-load callback="testCallbackFunction()">
</div>如果您收到一个$ digest已经在运行中的错误，这可能会有所帮助：
return {
restrict: 'A',
link: function( $scope, elem, attrs ) {
elem.ready(function(){
if(!$scope.$$phase) {
$scope.$apply(function(){
var func = $parse(attrs.elemReady);
func($scope);
})
}
else {
var func = $parse(attrs.elemReady);
func($scope);
}
})
}
}通过将事件侦听器设置为窗口加载事件，可以部分满足页面加载后的运行
window.addEventListener("load",function()...)在module.run(function()...)angular的内部，您将有权访问模块的结构和相关性。
您可以broadcast和emit事件建立通信桥梁。
例如：
我{{myFunction()}}在模板中使用过，但是在这里找到了$timeout在控制器内部使用的另一种方法。以为我会分享，对我来说很棒。
angular.module('myApp').controller('myCtrl', ['$timeout',
function($timeout) {
var self = this;
self.controllerFunction = function () { alert('controller function');}
$timeout(function () {
var vanillaFunction = function () { alert('vanilla function'); }();
self.controllerFunction();
});
}]);我发现，如果您具有嵌套视图，则每个嵌套视图都会触发$ viewContentLoaded。我已创建此替代方法来查找最终的$ viewContentLoaded。似乎可以按照Prerender的要求设置$ window.prerenderReady正常工作（进入主app.js中的.run（））：
// Trigger $window.prerenderReady once page is stable
// Note that since we have nested views - $viewContentLoaded is fired multiple
// times and we need to go around this problem
var viewContentLoads = 0;
var checkReady = function(previousContentLoads) {
var currentContentLoads = Number(viewContentLoads) + 0; // Create a local copy of the number of loads
if (previousContentLoads === currentContentLoads) { // Check if we are in a steady state
$window.prerenderReady = true; // Raise the flag saying we are ready
} else {
if ($window.prerenderReady || currentContentLoads > 20) return; // Runaway check
$timeout(function() {checkReady(currentContentLoads);}, 100); // Wait 100ms and recheck
}
};
$rootScope.$on('$stateChangeSuccess', function() {
checkReady(-1); // Changed the state - ready to listen for end of render
});
$rootScope.$on('$viewContentLoaded', function() {
viewContentLoads ++;
});var myTestApp = angular.module("myTestApp", []);
myTestApp.controller("myTestController", function($scope, $window) {
$window.onload = function() {
alert("is called on page load.");
};
});适用于我的解决方案如下
app.directive('onFinishRender', ['$timeout', '$parse', function ($timeout, $parse) {
return {
restrict: 'A',
link: function (scope, element, attr) {
if (scope.$last === true) {
$timeout(function () {
scope.$emit('ngRepeatFinished');
if (!!attr.onFinishRender) {
$parse(attr.onFinishRender)(scope);
}
});
}
if (!!attr.onStartRender) {
if (scope.$first === true) {
$timeout(function () {
scope.$emit('ngRepeatStarted');
if (!!attr.onStartRender) {
$parse(attr.onStartRender)(scope);
}
});
}
}
}
}
}]);控制器代码如下
$scope.crearTooltip = function () {
$('[data-toggle="popover"]').popover();
}HTML代码如下
<tr ng-repeat="item in $data" on-finish-render="crearTooltip()">我setInterval用来等待内容加载。我希望这可以帮助您解决该问题。
var $audio = $('#audio');
var src = $audio.attr('src');
var a;
a = window.setInterval(function(){
src = $audio.attr('src');
if(src != undefined){
window.clearInterval(a);
$('audio').mediaelementplayer({
audioWidth: '100%'
});
}
}, 0);setInterval在2016年仍会推荐作为解决方案吗？