angularjs也支持script形式的template

最新推荐文章于 2018-10-08 11:25:25 发布

转载最新推荐文章于 2018-10-08 11:25:25 发布 · 107 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wancy86/p/7063053.html

文章标签：

#javascript #ViewUI

本文介绍如何使用AngularJS通过script标签加载内联模板，并提供了一个示例来验证模板是否正确加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

`<script type="text/ng-template" id="name">`

https://docs.angularjs.org/api/ng/directive/script

<script type="text/ng-template" id="/tpl.html">
  Content of the template.
</script>

<a ng-click="currentTpl='/tpl.html'" id="tpl-link">Load inlined template</a>
<div id="tpl-content" ng-include src="currentTpl"></div>

it('should load template defined inside script tag', function() {
  element(by.css('#tpl-link')).click();
  expect(element(by.css('#tpl-content')).getText()).toMatch(/Content of the template/);
});

转载于:https://www.cnblogs.com/wancy86/p/7063053.html