2016-05-20 3 views
0

Я пытаюсь использовать угловую модальную услугу для отображения модального с встроенным шаблоном, но я получаю сообщение об ошибке. Что мне не хватает? Я просто хочу показать простое сообщение в модальном. Вот скрипку: http://jsfiddle.net/qhcsg6Lk/Проблемы с угловым модальным сервисом

Page

<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" 
     }) 
    } 
}) 

ОШИБКА:

enter image description here

ответ

1

Вы хотите пройти тест как {{modal.test}}, так как у вас есть controllerAs синтаксис.

http://jsfiddle.net/jvara30w/

Согласно документации here, если вы используете шаблон, вам нужно будет предоставить необработанный HTML.

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

this.test сейчас в сфере. Пожалуйста, удалите «» здесь. Вы делаете это строкой.

template: {{test}},

UPDATE:

Шаблон в основном вид для модальной/наложения. Я не думаю, что это может быть строка/текст.

Вам необходимо передать абсолютный/относительный путь к html-файлу или самому html-коду, внутри которого будет содержаться строка/текст в <p>{{model.test}}</p>, чтобы отобразить нужное сообщение.

+0

, который генерирует сообщение об ошибке: Ошибка: Синтаксическая ошибка, нераспознанное выражение: {{test}}. –

+0

@MrSmith, см. Обновление для ответа. – Sajal

+0

ОК, проверьте скрипку сейчас. Мне нужен был элемент:

{{test}}
. хотя сейчас проблема в том, что она не действует как модальная –

Смежные вопросы