[英]Md-dialog popup box (angular-material) loads in as a new view (Yeoman)
So I created a project with Yeoman (angular-fullstack, angular-material) and when I click on a div then the md-dialog box should show. 所以我用Yeoman创建了一个项目(角度全栈,角度材料),当我单击div时,应该显示md-dialog框。 Now what happens is that my page gets loaded twice and there is no pop-up visible although you do see the overlay ( http://gyazo.com/c5e05ca2045c3ed9c32bb38d7bf67fc9 ). 现在发生的是,我的页面被加载了两次,尽管您看到了叠加层,但没有弹出窗口可见( http://gyazo.com/c5e05ca2045c3ed9c32bb38d7bf67fc9 )。 I am guessing that it sees my dialog1.tmpl.html as a totally new view. 我猜想它把我的dialog1.tmpl.html看作是一个全新的视图。 So how do I fix this issue? 那么,如何解决此问题?
Part of my code that is used to trigger the pop-up: 我的部分代码用于触发弹出窗口:
$scope.showPopUp = function(ev) {
$mdDialog.show({
controller: DialogController,
templateUrl: 'dialog1.tmpl.html',
parent: angular.element(document.body),
targetEvent: ev,
})
function DialogController($scope, $mdDialog) {
if (editId) {
$http.get('/api/task/' + editId).success(function(data) {
console.log("data variabele uit de dialogController", data);
$scope.task_name = data.name;
$scope.task_project_id = data.project_id;
globalTask_Project = data.project_id;
$scope.task_location = data.location_id;
globalTask_location = data.location_id;
$scope.task_estimate_time = data.estimate_time;
$scope.task_project_client_name = data.project_client_name;
$scope.task_url = data.url;
$scope.task_resource_link = data.resource_link;
$scope.task_notes = data.task_notes;
$scope.closeDialog = function() {
var mainApp = angular.element(document.body).controller();
$mdDialog.hide();
editId = null;
globalTask_location = null;
globalTask_Project = null;
}
})
.error(function(data, status, headers, config) {
console.log("Error in retrieving data from server");
});
} else {
$scope.closeDialog = function() {
var mainApp = angular.element(document.body).controller();
$mdDialog.hide();
}
}
}
}
解决此问题的方法是我必须正确设置templateUrl的路由,因此必须使用templateUrl而不是templateUrl:'dialog1.tmpl.html':'app / calendar / month / dialog1.tmpl.html'
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.