时间戳

首页 > 解决方案 > 奇怪的交互 ng-hide 和 data-charts angular js

html - 奇怪的交互 ng-hide 和 data-charts angular js

问题描述

这是我的一段 HTML 代码（请忽略未关闭的标签）：

<div class="row" ng-hide="hideCaptiveRow">

    <div class="col-md-6">
        <div class="col-md-6">
            <div data-ac-chart="'pie'" 
                 data-ac-data="memCaptive.status.data" 
                 data-ac-config="memCaptive.status.config" 
                 class="chart">
            </div>
        </div>
    </div>

</div>

现在，hideCaptiveRow是一个布尔值，它在前端从下拉框选择中发生变化。它完美地隐藏和显示了 div，但是当从ng-hide = trueto 开始时ng-hide = false，只显示 div，而不显示data-ac-chart.

但是，如果我将鼠标悬停在页面中存在的其他图表上，该图表将以图形方式刷新并显示。

我找不到刷新/重新绘制该特定图表的方法，而不刷新孔页或再次计算数据源（这实际上有效，但完全浪费资源）。

有没有一种简单的方法，只涉及 HTML 和 AngularJS 来做到这一点，而不使用 Ajax / JQuery？

标签： htmlangularjs

解决方案

解决方案

感谢您回答 darkkinght，但它仍然没有刷新图表。

但是我发现这是 ng-show 的某种错误。

ng-if是解决方案。

推荐阅读