angular-modal-serviceの問題

Question

私はインラインテンプレートを使用してモーダルを表示するために角モダルサービスを使用しようとしていますが、エラーが発生します。私は何が欠けていますか？私はモーダルに単純なメッセージを表示したいだけです。ここではフィドルです：http://jsfiddle.net/qhcsg6Lk/

ページ

<script src="https://rawgit.com/dwmkerr/angular-modal-service/master/dst/angular-modal-service.js"></script> 

<div class="container" ng-app="app" ng-controller="Controller"> 

    <h3>Angular Modal Service</h3> 
    <a class="btn btn-default" href ng-click="show()">Show a Modal</a> 

</div> 

コントローラ

var app = angular.module('app', ['angularModalService']); 

    app.controller('Controller', function($scope, ModalService) { 

$scope.test="outer scope" 
    $scope.show = function() { 
     ModalService.showModal({ 
      template: "{{test}}", 
      controller: function() { 
        this.test="test scope"; 
      }, 
      controllerAs : "modal" 
     }) 
    } 
}) 

ERROR：

Answer 1

コントローラasの構文があるので、{{modal.test}}という名前でテストにアクセスします。

http://jsfiddle.net/jvara30w/

あなたはテンプレートを使用した場合のドキュメントhereによると、あなたは生のHTMLを提供する必要があります。

template: "<div>{{modal.test}}</div>", 

Answer 2

this.testは現在範囲内です。ここから ""を削除してください。あなたはそれを文字列にしています。

template: {{test}},

UPDATE：

テンプレートは、基本的には、モーダル/オーバーレイするための図です。私はそれが文字列/テキストになるとは思わない。

絶対パス/相対パスをhtmlファイルに渡すか、htmlコード自体を渡す必要があります.htmlコード自体には、/ textという文字列が含まれていて、希望のメッセージを表示するために<p>{{model.test}}</p>に入ります。