Açısal uygulamanın phantom komut dosyasından tam olarak oluşturulmasını bekleyin

Question

Önyüzümün her sayfasından png görüntüleri üreten bir komut dosyası yazıyorum. Kullanıcı arabirimi için açısal kullanıyorum ve sayfaları hayali ile yakalarım. açısal bitirmek bunu render kadar

görünümü yüzden yakalamadan önce biraz beklemek zorunda bir süre alabilir:

var page = require('webpage').create(); 
page.open('http://localhost:9000/', function() { 
    window.setTimeout(function() { 
    page.render('snapshot.png'); 
    phantom.exit(); 
    }, 2000); 
}); 

Bunu başarmak için daha iyi bir yolu olup olmadığını merak ediyorum.

$scope.$on('$viewContentLoaded', function() { 
    // do something 
}); 

Ve bu yüzden böyle bir şey yazabilirsiniz onCallback ile hayalet iletişim için bir yol buldu:

başka yerde Sonra

$scope.$on('$viewContentLoaded', function() { 
    window.callPhantom({ hello: 'world' }); 
}); 

sayfa tamamen işlendiğinde ben bir olay yayabilir açısal bulundu fantom komut dosyası:

page.onCallback = function() { 
    page.render('snapshot.png'); 
    phantom.exit(); 
}; 

Ama hayalet komut dosyasından açısal $viewContentLoaded kolu nasıl enjekte kayboldum.

evaluate/evalueateAsyn gitmek için yol olup olmadığını bilmiyorum ...

page.evaluateAsync(function() { 
    $scope.$on('$viewContentLoaded', function() { 
    window.callPhantom({ hello: 'world' }); 
    }); 
}); 

Belki bir şekilde hakkını $scope erişebilir. Herhangi bir fikrin var mı?

Answer 1

İlişkili PhantomJS API'si onCallback; find the API doc on the wiki yapabilirsiniz.

Sen enjektör erişerek $rootScope erişebilirsiniz

// in angular 
$scope.$on('$viewContentLoaded', function() { 
    window.callPhantom(); 
}); 

// in the phantomjs script 
var page = require('webpage').create(); 
page.onCallback = function() { 
    page.render('snapshot.png'); 
    phantom.exit(); 
}; 
page.open('http://localhost:9000/'); 

; Örneğin, ng-app yönergesini kullanıyorsanız, öğeyi yönerge ile bulabilir ve üzerinde .injector().get("$rootScope") numaralı telefonu arayabilirsiniz. Ancak, $viewContentLoaded etkinliğinin o zamana kadar tetiklenmiş olup olmadığından emin değilim.