Javascript 禁用angularjs中的表单元素

我有一个组件，如下所示：

component('page', {
    transclude: true,
    templateUrl: 'page-component.html',
    controller: 'PageController',
    controllerAs: 'pc'
});

$("form").find('input, textarea, button, select, button').attr('disabled','disabled');

这就是我使用它的方式：

<page>
    <page-section section-id="1">
        <div>
            <ng-include src="'panelX.html'"></ng-include>
        </div>
    </page-section>
    <page-section section-id="2">
        <div>
            <ng-include src="'panelY.html'"></ng-include>
        </div>
    </page-section>
</page>

我遇到的问题是，此代码是在加载

panelX.html

和

panelY.html

之前执行的

我怎样才能解决这个问题

编辑：

---

由于应用程序很大，并且它包含数百个表单，我不想接触html代码，我只希望page指令中的代码适用于应用程序中的所有表单。

处理此问题的几种方法，最简单的可能是在表单的最后一个元素中使用ng init。当元素加载时，它将触发函数，在该函数中执行您所做的操作。您可以将onload与ng一起使用-include@DanteTheSmith问题是这个应用程序太大了，里面有几百个FOM，但是所有的表单都在page指令内，所以我想在page指令中实现一个代码，该代码将影响应用程序中的所有表单。$viewContentLoaded事件可能有用。当ng view被完全加载时，它会触发，即使是在重新加载时也是如此。@DanteHesmith我正在使用

ngComponentRouter

进行路由，因此

$viewContentLoaded

在这种情况下不起作用。