angularのonloadイベント
2022-02-24 21:22:29
A writeup of the load loading in 3 is provided below.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>onload event in angular</title>
</head>
<body>
<div ng-app="dome">
<div ng-controller="loadevent">
<span ng-bind=apple></span>
</div>
<div ng-controller="test">
<div data-ng-init="load()" >
<span ng-bind=testtext>test text</span>
</div>
</div>
</div>
<script type="text/javascript" src="angular.js"></script>
<script type="text/javascript">
// 1. Write directly in js This is not recommended
angular.element(window).bind('load', function() {
alert('1');
});
// 2. Call the $viewContentLoaded event with $watch inside the controller
angular.module("dome",["ng"]).controller("loadevent",function($scope){
$scope.$watch('$viewContentLoaded', function() {
$scope.apple = "iphone8 X"
});
// 3. Use data-ng-init Note: data-ng-init will only work inside the controller
}).controller('test', function($scope) {
$scope.load = function() {
$scope.testtext = "code in here"
}
});
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>onload event in angular</title>
</head>
<body>
<div ng-app="dome">
<div ng-controller="loadevent">
<span ng-bind=apple></span>
</div>
<div ng-controller="test">
<div data-ng-init="load()" >
<span ng-bind=testtext>test text</span>
</div>
</div>
</div>
<script type="text/javascript" src="angular.js"></script>
<script type="text/javascript">
// 1. Write directly in js This is not recommended
angular.element(window).bind('load', function() {
alert('1');
});
// 2. Call the $viewContentLoaded event with $watch inside the controller
angular.module("dome",["ng"]).controller("loadevent",function($scope){
$scope.$watch('$viewContentLoaded', function() {
$scope.apple = "iphone8 X"
});
// 3. Use data-ng-init Note: data-ng-init will only work inside the controller
}).controller('test', function($scope) {
$scope.load = function() {
$scope.testtext = "code in here"
}
});
</script>
</body>
</html>
関連
-
Mysql がエラーを報告 オペランドには 1 つのカラムが含まれている必要があります。
-
TP5.1 で数値が正しく表示されない問題が発生しました。
-
null のプロパティ 'style' を読み取ることができない 問題
-
エラー: 非静的メンバ関数の無効な使用
-
予期しないトークン「()」付近の構文エラー 問題解決
-
Xcode は、実行中に Thread 1: EXC_BAD_ACCESS (code=1) に遭遇しました。
-
落とし穴を踏む-Uncaught Error: BootstrapのJavaScriptは、jQueryを必要とします。
-
json文字列のダブルクォートが&quotになるのですが、どうすれば解決できますか?
-
AndroidのタッチイベントonScrollとonFlingは、特に区別が重要です。
-
AttributeError: 'NoneType' オブジェクトには 'get' 属性がありません。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
ImportError: Missing required dependencies ['numpy'] 最初のインポートpandas問題に対する解決策。
-
error MSB3073: 変更された場所
-
IntelliJ maven プロジェクト pom ファイル エラー xx.jar の成果物記述子の読み込みに失敗した問題 解決方法
-
fatal: リモートが見つからなかった refs/heads/cm-13.0
-
[Android Studioのエラー] Emulator: HAXの初期化に失敗しました: 無効な引数です。
-
ArrayAdapterはリソースIDがTextViewである必要がある問題について
-
python reports an error AttributeError: module 'time' has no attribute 'clock' Solution
-
ModuleNotFoundError: plotly'という名前のモジュールがない ソリューション
-
URIが登録されていない (設定 | 言語とフレームワーク | スキーマとDTD)
-
ベクトル添え字の範囲外問題の解の1つ