Javascript 延迟JS，直到ng视图元素加载到DOM中

我正在尝试进行表单验证，但一旦我将表单粘贴到ng视图并使用ngroute，DOM元素就会延迟一点，脚本在运行时无法找到该元素

我不想做像

setInterval

我有这样的想法：

validateform.ready = function() {

$valForm   = $('.ui.basic.login-register.segment .ui.form.segment');
  $.fn.form.settings.defaults = {
    firstName: {
      identifier  : 'first_name',
      rules: [
        {
          type   : 'empty',
          prompt : 'Please enter your first name'
        }
      ]
    },
  ... // More validation code
  $valForm
    .form({}, {
      inline : true,
      on: 'blur'
    });

  $('.ui.dropdown')
      .dropdown();

  $('.ui.accordion')
      .accordion();
};

然后调用

$（document.ready）（validateform.ready）

，但显然在

ng view

起作用时，这还为时过早

我的理解是因为

ready

事件发生，然后Angular进行路由并注入

ng视图

---

如何确保在元素存在后加载此代码？

我认为真正的解决方案是使用角度形式验证。为什么要使用外部jQuery之类的内置工具来完成Angular可以完成的事情呢？最初的开发人员向我提供了客户端验证代码。我对计算和使用角度验证没有异议，但我猜其他人以前已经解决过这个问题。@Ian而且因为我可能需要做验证以外的事情，并且遇到类似的问题，这是一个简单表单验证（和CSS样式）的示例：-你可以用这个做更多的事情