Я пытаюсь создать встроенный шаблон Angular.js. Я хотел бы иметь способ отлаживать объекты Angular, печатая на консоль всякий раз, когда отображается html-страница.
Встроенный шаблон помещает html-шаблоны в теги script. Например:
<script type="text/ng-template" id="/htmlpage.html">
<div class="page-header">
<h1>Title</h1>
</div>
<!-- everything else here is html too -->
</script>
Это сложно, потому что материал внутри тегов script больше не является JavaScript. Поэтому я не знаю, как печатать на консоли внутри htmlpage.html с встроенным шаблоном.
Я попытался, но не смог с вложением тега script:
<script type="text/ng-template" id="/htmlpage.html">
<!-- html page template Angular stuff before is okay -->
<script>console.log("this line DOESN'T SHOW UP anywhere");</script>
<!-- html page template Angular stuff AFTERWARDS ALL FAIL-->
</script>
Я также попытался просто выбросить голый console.log, поскольку он находится внутри тега script.
<script type="text/ng-template" id="/htmlpage.html">
<!-- rest of html page template is okay -->
console.log("this entire line gets output as text on the html page");
<!-- rest of html page template is okay -->
</script>
но вся строка console.log("this entire line gets output as text on the html page");
выводится на страницу html, а не на консоль!