angularjs – 没有显示Angular Material Dialog弹出窗口

发布时间：2020-12-17 18:08:52 所属栏目：安全来源：网络整理

导读：因此,当我单击按钮时,我的整个浏览器窗口变黑,并且没有任何弹出窗口显示.当我检查元素.当我的鼠标悬停在它上面时,我可以看到弹出的轮廓,但内容不存在. app.controller('HomeController',function($scope,$timeout,mapboxService,$mdDialog) { $scope.showAdv

因此,当我单击按钮时,我的整个浏览器窗口变黑,并且没有任何弹出窗口显示.当我检查元素.当我的鼠标悬停在它上面时,我可以看到弹出的轮廓,但内容不存在.

app.controller('HomeController',function($scope,$timeout,mapboxService,$mdDialog) {
   $scope.showAdvanced = function(ev){
    $mdDialog.show({
        controller: DialogController,templateUrl: 'views/reviewForm.html',parent:angular.element(document.body),targetEvent: ev,clickOutsideToClose:true
    })
};
});

HTML

<div id="popupContainer">
   <md-button ng-click="showAdvanced($event)" flex="100">Add a Review</md-button>
 </div>

reviewForm html

<md-dialog>
<md-dialog-content>

    <h1>;lkasdjf;lkasdjf;lkajsdf;lkajdf</h1>

</md-dialog-content>
</md-dialog>

解决方法

你必须定义DialogController.

将此添加到您的代码中：

function DialogController($scope,$mdDialog) {

//whatever functions you want to define

}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!