javascript - 创建可重用的 ngDialog 模板

Question

我想为我的应用程序创建一个可重用的模板。

据我了解，您无法将标题和正文传递给 ngDialog。

我需要的是这样的:

<div>
<h2>{{ TITLE }}</h2> <- Dynamically pass this value
{{ BODY }} <- Dynamically pass this value

    <div class="ngdialog-buttons">
        <button type="button" class="ngdialog-button ngdialog-button-secondary" ng-click=closeThisDialog("Cancel")>Cancel</button>
        <button type="button" class="ngdialog-button ngdialog-button-primary" ng-click=confirm("OK")>OK</button>
    </div>
</div>

这是我的 Controller :

$ngDialog.openConfirm({
            template: 'components/views/dialog/deletePopup.html',
            className: 'ngdialog-theme-plain popup',
            closeByEscape: true
        }).then( ...

我该如何实现这一目标？这样我就可以在我的应用程序中使用相同的 html 文件。

编辑:我在 ionic/cordova 中也有相同的项目，并且 ionic 更容易。我想知道为什么 Angular 这么难。

Answer 1

在同一 Controller 中使用该行为将允许您访问模型，并且您将能够更改标题和正文