Javascript 在Angularjs中加载页面时如何执行函数

最好的问候，我有一个组件的问题，它分为app.component和它各自的.html，我需要在加载页面时执行一个函数，当加载我在这个组件中的模式时，我尝试了

$（document）.ready（）

，但它不起作用，我认为这是我调用方式的问题，我不太明白它是怎么工作的

瓦利达尔

但我需要将其加载到此选择中：

埃莱吉尔会议。。。
{{$option.nombreConvenio}

形式意向：

<script>
 $(document).ready(
   function(){
     alert('funciona');
     $ctrl.listConve()
   })
</script>

$（文件）。准备好了吗(
函数（）{
警报（“功能”）；
$ctrl.ListConv（）
})

---

但它也不起作用。

在控制器中使用

$onInit

生命周期挂钩：

app.controller("ctrl", function() {
    this.listConve = function() {
        //...
    };

    this.$onInit = function() {
        this.listConve();
    };
})

从文档中：

生命周期挂钩 指令控制器可以提供AngularJS在指令生命周期中调用的以下方法：

• $onInit（）

  -在构造元素上的所有控制器并初始化其绑定之后（以及在此元素上的指令的前置和后置链接函数之前），对每个控制器调用。这是放置控制器初始化代码的好地方

有关详细信息，请参阅

---

对于加载数据，通常使用

ng init

例如

。但是看起来您有一些语法错误，例如，您不应该在视图中使用

$

，所以

$选项。nombreConvenio

应该是

选项。nombreConvenio

也请添加控制器的代码。解决方案非常完美，我使用了ng init，但我在几篇博客中读到不应该这样做。谢谢。