Document.Ready in AngularJs

相信很多朋友都有使用JQuery來 寫網頁…
大家對document.ready都不會陌生…

當大家轉了使用AngularJs的時候都可能會有一個 疑問…
如何在 AngularJS 上使用 document.ready?

解決方法十分簡單

我們可以使用angular.element(document).ready() 來實現 document.ready 待 html成功load完之後執行 document.ready入的程式碼

angular.element(document).ready(function () {
        console.log('Hello World');
    });

E.G.

angular.module("shareChiWaiApp", [])
    .controller("shareChiWaiCtrl", ["$scope", function ($scope) {

        function shareChiWaiViewModel() {
            var self = this;
            self.firstName = "ChiWai";
            self.surname = "Share";
        }

        
        
        angular.element(document).ready(function () {
        $scope.sharechiwai = new shareChiWaiViewModel();
          $scope.sharechiwai.firstName="before";
        console.log($scope.sharechiwai.firstName);
        });
    }]);

Hope you find it useful

Leave a Reply