gpt4 book ai didi

jquery - 如何在 Angular Js 中加载 DOM 后运行 Jquery

转载 作者:行者123 更新时间:2023-12-03 23:04:18 26 4
gpt4 key购买 nike

我使用加载不同页面内容的 Angular 创建了一个单页面应用程序(多个) View 。我想使用 Angular 脚本为所有屏幕的第一个输入元素应用初始焦点,而不是在每个页面表单元素中使用 autofocus 属性。

有什么办法可以做到这一点吗?

我们如何知道 Angular View (DOM) 是否已完全加载?

最佳答案

从 MainCtrl 中,您可以在加载 Angular View 时监听事件。

angular.module('app', [])
.controller('Controller', function($scope) {

angular.element(document).ready(function() {
$('form').find('input[type=text],textarea,select').filter(':visible:first').focus();
});

})

.controller('childController', function($scope) {

})
<!DOCTYPE html>

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<script src="script.js"></script>
</head>

<body ng-app="app">
<div ng-controller="Controller">
<div>
<div ng-controller="childController">
<form name="myForm" id="myForm">
<label>Field1</label>
<input type="text" ng-model="first" ng-required="true" />
<br>
<label>Field2</label>
<input type="text" ng-model="second" ng-required="is_mobile" />
</form>
</div>
</div>
<br>

</div>
</body>

</html>

关于jquery - 如何在 Angular Js 中加载 DOM 后运行 Jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40674762/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com