在 Angularjs 中加載頁面時如何執行函數

Question

最好的問候，我有一個組件有問題，它分為app.component及其各自的.html，我需要在加載頁面時執行一個函數，在加載我在這個組件中的模態時，我試過$ (document) .ready () ，但它沒有用，我認為這是我打電話的方式有問題，我不太明白它是如何工作的，

<div class="row">
  <div class="col-md-12" style="text-align:center;">
   <a class="boton grande intermedio"  ng-touchstart="$ctrl.listConve()">Validar</a>
  </div>
</div>

但我需要在這個選擇中加載它：

<div class="row">
  <div class="form-group" style="text-align:center;">
   <select class="form-control" id="convenio" name="selectConvenio"
           placeholder="Convenio" >
    <option selected>Elegir Convenio...</option>
    <option ng-repeat="option in $ctr.dataList">{{$option.nombreConvenio}}</option>
   </select>
  </div>
</div>

Inte llamarlo de esta forma：

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

但它也沒有奏效。

Answer 1

在控制器中使用$onInit生命周期鈎子：

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

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

從文檔：

生命周期鈎子

指令控制器可以提供以下由 AngularJS 在指令生命周期中的點調用的方法：

• $onInit() - 在元素上的所有控制器都被構造並初始化它們的綁定之后（以及在此元素上的指令的前后鏈接函數之前$onInit()在每個控制器上調用。 這是放置控制器初始化代碼的好地方。

有關更多信息，請參閱

• AngularJS 綜合指令 API 參考 - 生命周期鈎子