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>

这是我的控制者：

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

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

编辑：我在ionic / cordova中也有相同的项目，离子更容易。我想知道为什么角度很难。

Answer 1

使用同一控制器中的行为将允许您访问模型，您将能够更改标题和正文

Answer 2

            ngDialog.openConfirm({
              template: 'views/alertTemplate.html'
            });

并在views文件夹中输入 alertTemplate.html 文件：

例如：

<div class="alert-dialog-container">
  <div class="alert-dialog-body">
    Hello my dialog!
  </div>
  <div class="alert-dialog-footer">
    <button ng-click="confirm()">OK</button>
  </div>
</div>

创建可重用的ngDialog模板

2 个答案: