我怎么能用html包含另一个tempate?

时间:2015-07-30 07:50:23

标签: javascript html angularjs templates

我有这样的代码:

<script id="innerTemplate" type="text/template">
  Hello world
</script>

和这样的代码:

<script id="outerTemplate" type="text/template">
  My name is John!
  <p>
     /*Here i want to include the code of the innerTemplate*/
  </p>
</script>

sombody知道怎么做吗? 谢谢!

4 个答案:

答案 0 :(得分:1)

您可以尝试:

error.remove(3);

http://plnkr.co/edit/vMjhMZorNqhpxYAO7e9z

答案 1 :(得分:0)

在AngularJS中,您只需要一个这样的HTML文件:

include.html

<p>Hello World</p>

然后在另一个HTML文件中,例如index.html

<div>
  <p>some text</p>
  <div ng-include="include.html"></div>
</div>

答案 2 :(得分:0)

http://plnkr.co/edit/knOHrf?p=preview

我认为你需要的是ngInclude

你的innerTemplate。(假设你将它保存在“view / innerTemplate.html”中)

<div>
  Hello world
</div>

和这样的代码:

<script id="outerTemplate" type="text/template">
  My name is John!
  <p>
     <div ng-include="view/innerTemplate.html"></div>
  </p>
</script>

或假设您在同一文件中添加innerTemplate 试试这个:

<script id="innerTemplate" type="text/template">
      Hello world
 </script>

 <script id="outerTemplate" type="text/template">
      My name is John!
      <p>
         <div ng-include="innerTemplate"></div>
      </p>
    </script>

答案 3 :(得分:0)

您可以完全按照自己的意愿查看以下链接。

http://jsfiddle.net/74k8kptc/10/

<script type="text/ng-template" id="innerTemplate.html">
       Hello world
</script>

<script type="text/ng-template" id="outerTemplate.html">
        My name is John!

</script>
</head>
<body>

    <ng-include src="'innerTemplate.html'"></ng-include>
    <ng-include src="'outerTemplate.html'"></ng-include>

</body>