Я хочу запустить код jquery после того, как угловая JS завершил весь его рендеринг?

Я хочу скрыть и показать свою диаграмму div. он должен работать со страницами (добавлять, редактировать, сохранять). переключение div выполняется с помощью флажка, когда я проверяю флажок box show и когда его unchecked div скрывается. На дополнительной странице я сохранил значение флажка ie (true/false). когда пользователь переходит на страницу редактирования, если значение флажка истинно, оно должно показывать divchart и vice и versa для ложного значения.

мой флажок находится в угловом формате, используя этот код:

<input type="checkbox" name="enablechckbox" class="md-check" style="margin-left: 183px;color:#4d8e98;" id="EnableChartOptionId" ng-model="ChartOptions.EnableChart" onclick="showHideDiv()">
       <label for="EnableChartOptionId" style="margin-left: 185px;color:#4d8e98;">
       <span style="margin-left: 282px;color:#4d8e98;"></span>
        <span class="check" style="margin-left: 295px;color:#4d8e98;"></span>
        <span class="box" style="margin-left: 298px;color:#4d8e98;">
        </span>Enable Chart Options
        </label>

  <div id="dvChart" class="scroll" style="display: none;">
   @Html.Action("Partial", "abc", new { isFirstTime = true })
    </div>

 Jquery to hide and show div:

  function enablechart() {
        $('#dvChart').toggle();
        var chartval = $('input[name="enablechckbox"]').hasClass('ng-not-empty');
        if (chartval) {
            $('#dvChart').show();
        }
        else {
            $('#dvChart').hide();
        }
    }