2016-10-07 4 views
0

私はdiv chartを隠して見せたいと思っています。それはページ(追加、編集、saveas)で動作するはずです。 divの切り替えは、チェックボックスのdiv表示をオンにしたときとチェックされていないdivが表示されていないときに行われます。私は新しいページにチェックボックスの値(true/false)を保存しました。チェックボックスの値がtrueの場合、ユーザーが編集ページに移動すると、div値が表示され、false値の場合はその逆が表示されます。角度jsがすべてのレンダリングを完了した後にjqueryコードを実行したいですか?

私のチェックボックスは、このコードを使用して、角にあります。

ngShowを使用しないのはなぜ
<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(); 
     } 
    } 
+0

'ui-router'または' ng-route'を使用しているルーティング機構はどれですか? –

答えて

0

https://docs.angularjs.org/api/ng/directive/ngShow

可能であれば、jqueryをAngularJSコードに混ぜないようにしてください。

将来的には、コードをより読みやすくするためにフォーマットする必要があります。

関連する問題