load/store ndDialog 模板的最佳方式?
Best way to load/store ndDialog template?
我正在使用 ngDialog 显示带有警告消息的模态 window。
我有模式 window 工作但是代码看起来很乱。
我想知道是否可以将原始 html 模板替换为 link 到 html 文件,而不是在函数本身中写入 HTML。
$scope.openDialog = function(components) {
$scope.selected = components.component;
ngDialog.open({
template: '<h4>' + 'Alert' + '</h4>' +
'<table class="table">' +
'<tr><th>Type</th><td>' + components.type + '</td></tr>' +
'<tr><th>Component</th><td>' + components.component + '</td></tr>' +
'<tr><th>Created</th><td>' + components.created + '</td></tr>' +
'<tr><th>Alert</th><td>' + components.alert + '</td></tr>'+
'</table>',
plain: true
});
};
是的,只需使用 templateUrl 而不是模板。
$scope.openDialog = function(components) {
$scope.selected = components.component;
ngDialog.open({
templateUrl: 'yourfilename.html',
plain: true
});
};
我正在使用 ngDialog 显示带有警告消息的模态 window。
我有模式 window 工作但是代码看起来很乱。
我想知道是否可以将原始 html 模板替换为 link 到 html 文件,而不是在函数本身中写入 HTML。
$scope.openDialog = function(components) {
$scope.selected = components.component;
ngDialog.open({
template: '<h4>' + 'Alert' + '</h4>' +
'<table class="table">' +
'<tr><th>Type</th><td>' + components.type + '</td></tr>' +
'<tr><th>Component</th><td>' + components.component + '</td></tr>' +
'<tr><th>Created</th><td>' + components.created + '</td></tr>' +
'<tr><th>Alert</th><td>' + components.alert + '</td></tr>'+
'</table>',
plain: true
});
};
是的,只需使用 templateUrl 而不是模板。
$scope.openDialog = function(components) {
$scope.selected = components.component;
ngDialog.open({
templateUrl: 'yourfilename.html',
plain: true
});
};