Ich möchte jquery-Code ausführen, nachdem die angular js ihr Rendering abgeschlossen hat?

Question

Ich möchte mein div chart verstecken und zeigen. Es sollte mit Seiten funktionieren (Hinzufügen, Bearbeiten, Speichern). das Umschalten von div erfolgt über Kontrollkästchen, wenn ich im checkbox div show aktiviert und wenn seine ungeprüfte div ausgeblendet wird. In addnew Seite habe ich den Wert der Checkbox gespeichert, d. H. (Wahr/falsch). wenn der Benutzer zur Bearbeitungsseite geht, wenn der Checkbox-Wert wahr ist, sollte er divchart anzeigen und umgekehrt für einen falschen Wert.

mein Checkbox ist in Winkel mit diesem Code:

<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(); 
     } 
    } 

Answer 1

Warum nicht ngShow verwenden? https://docs.angularjs.org/api/ng/directive/ngShow

Ich denke, es ist besser zu vermeiden, jquery in AngularJS-Code zu mischen, wenn möglich.

Für die Zukunft sollten Sie den Code formatieren, um ihn lesbarer zu machen.