Я хочу скрыть и показать свою диаграмму 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();
}
}
Почему бы не использовать ngShow? https://docs.angularjs.org/api/ng/directive/ngShow
Я думаю, что лучше не смешивать jquery с кодом AngularJS, если это возможно.
В будущем вы должны отформатировать код, чтобы сделать его более читаемым.
ui-router
илиng-route
?