Угловая директива templateUrl не работает

Это мой код до сих пор, чтобы возвратить представление в браузере через Угловые пользовательские директивы, используя @ html.partialviewУгловая директива templateUrl не работает

var newOne = function() { 
    return { 
     restrict: "A", 
     templateUrl: "newone.html", 
     replace: true, 
     scope: {}, 
     controller: ['$scope', function ($scope) { 
      }] 
    } 
}

Заявляет Ид «newone.html» здесь:

<script type="text/ng-template" id="newone.html"> 
      @Html.Partial("~/Views/AngularTemplates/Newone.cshtml") 
     </script>

и, конечно, я называю директиву от HTML:

<div data-new-one></div>

к сожалению, я не получаю approp ответ. Все, что я получаю сообщение об ошибке (консольный инспектор): [$ компиляции: tpload] Не удалось загрузить шаблон: newone.html

Я пытался сохранить .cshtml в нескольких папках или даже загрузить его из bundleconfig ... Но ничего! Любые идеи? Спасибо!

источник

2016-05-04 George

Поместите этот шаблон в файл HTML или используйте модуль templateCache. – yBrodsky

Во-первых, это похоже на @ html.partial - это команда ASP.NET, поэтому вы должны добавить это как тег в свой вопрос. Кроме того, вы должны проверить консоль разработчика и убедиться, что ''

Найдено решение в угловыми документации:
https://docs.angularjs.org/error/$compile/tplrt , который говорит:

шаблон должен иметь ровно один корневой элемент

Кажется, что несколько <div> теги или даже комментарии получают ошибку.

источник

2016-05-05 08:40:38 George

Создать новое имя файла с именем:

~/Views/AngularTemplates/Newone.**tpl**.cshtml

Просто скопировать и прошлое содержимое старого файла в новый tpl.html файл добавление tpl (шаблон) до примера cshtml или html

stuff.tpl.html

источник

2016-08-26 16:40:20

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