jquery - 如何在 Typescript Angular Controller 中使用 document ready

Question

我尝试在 Typescript 父 Controller 中应用以下代码，但它不起作用。

我错过了什么吗？

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

Answer 1

在 AngularJS 调用其 angular.element(document).ready 方法之前，您的 jQuery 似乎没有完成加载。

也尝试调用 jQuery $(document).ready 方法并检查哪个首先被触发，就像我在这个小 Plnkr 中所做的那样:http://plnkr.co/edit/Ubw0w2mo7wkPZwBld82N?p=preview

在确保两者都准备好后执行 jQuery 方法对我有效(在 Safari 版本 10.1 和 Chromium 版本 57.0.2978.0 中测试) http://plnkr.co/edit/Oe5dcFmhLPaatoI2qXBr?p=preview

但是，通常不需要 jQuery，您可能需要考虑仅使用 AngularJS 的解决方案。