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>

これは私のコントローラーです：

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

どうすればこれを達成できますか? このようにして、アプリケーション全体で同じ html ファイルを使用できました。

編集 : 私は ionic/cordova でも同じプロジェクトを持っていますが、ionic の方が簡単です。なぜAngularでそんなに難しいのだろうか。