在 Angular 中呼叫載入函式

Rana Hasnain Khan 2022年4月20日
在 Angular 中呼叫載入函式

我們將在 Angular 中載入頁面時介紹一個函式。

在 Angular 中載入

當我們想在載入頁面或元件時執行一個函式時,我們在 init 上呼叫該函式。

讓我們從一個例子開始。首先,我們將建立一個檢視。

# angular
<body>
  <div ng-app="newapp" ng-controller="newcontroller" data-ng-init="init()">
    <h2>Page Loaded</h2>
  </div>
</body>

我們在上面的程式碼中定義了我們的 ng-appng-controllerinitialized componentdata-ng-init

現在,讓我們編寫一個函式,該函式將在頁面載入時在控制檯上顯示輸出。

# angular
var app = angular.module("newapp", []);
app.controller("newcontroller", function($scope){
  $scope.init = function(){
    console.log("Page Loaded")
  }
})

輸出:

angular on load 函式結果

我們給出的示例顯示了在頁面載入時呼叫函式是多麼容易。我們可以使用上面的示例輕鬆呼叫任何函式。

Rana Hasnain Khan avatar Rana Hasnain Khan avatar

Rana is a computer science graduate passionate about helping people to build and diagnose scalable web application problems and problems developers face across the full-stack.

LinkedIn