javascript - 从 angularjs Controller 调用 div

Question

我在 html 中有一个用于对话框的 div，我希望在调用 Controller 中的函数时打开该对话框。

这是函数应该打开的我的 div。

<div id="example" role="dialog" class="modal fade" 
style="top: 80px;left: 370px;right: 20px;width: 500px;
height: 600px;margin: 0;overflow: auto;">

<h6>some text</h6>
</div>

这是我在 Controller 中的功能。

NumberService.getNumberList(result.auth_token).then(function(result){
                if(result.status == "success"){
                    $scope.data = result.data;
                    var Home= document.getElementById("example");
                    Home.style.display="";
                }else{
                    $scope.status = result.status;
                }
            });

我使用了 document.getElementByID 但它不起作用。如何解决这个问题？

Answer 1

<div id=example ng-show="data.show">

$scope.data = result.data;
$scope.data.show = true;

您可以将 data.show 更新为 bool 值以确定该元素是否将在给定范围内显示。