Question

我在html中有一个div对话框，我想在调用控制器中的函数时打开该对话框。

这是函数应该打开的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>

这是我在控制器中的功能。

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更新为布尔值，以确定该元素是否会在给定范围内显示。

Answer 2

在你的HTML中有：

<div ng-show="status == 'success'" id="example" ...>
    <h6>some text</h6>
</div>

然后在您的控制器功能中，您可以操作$ scope.status变量：

NumberService.getNumberList(result.auth_token).then(function(result){
    if (result.status == "success"){
        $scope.data = result.data;
        $scope.status = "success";
    } 
    else {
         $scope.status = result.status;
    }
});

从angularjs控制器调用div

2 个答案: