Angularjs script template doesn't work

Question

I'm very newbie to angularjs, and I followed the script document of angularjs to created a very simple script tag of template, however it does't work at all, below is the code and JSFIDDLE.

<div ng-app>   
    <table>
        <ng-include src="tpl.html"></ng-include>
    </table>
    <div ng-include src="tpl2.html"></div>

    <script type="text/ng-template" id="tpl.html">
        <tr>
            <td>ACBC</td>
        </tr>
    </script>

    <script type="text/ng-template" id="tpl2.html">
        test
    </script>
</div>

Any problem with my code?

ng-include's src is angular expression evaluating to URL. If the source is a string constant, you have to wrap it in single quotes, — Samir Das
– Samir Das, Commented May 25, 2015 at 9:36

user3227295 · Accepted Answer · 2015-05-25 09:30:51Z

1

put the url in single quotes

src="'tpl.html'"

`

<script type="text/ng-template" id="tpl.html">
    <tr>
        <td>ACBC</td>
    </tr>
</script>

<script type="text/ng-template" id="tpl2.html">
    test
</script>

see fiddle update `http://jsfiddle.net/U3pVM/15840/

answered May 25, 2015 at 9:30

user3227295

2,1561 gold badge13 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Saorikido Over a year ago

I see, but I encountered another problem see the updated fiddle Inline Link, I'd like to repeat that included template, it seems doesn't work either.

justMe · Accepted Answer · 2015-05-25 13:29:03Z

0

You missed <td></td> element :) This is how you should implement your code

<div ng-app>
<table>
   <tr ng-repeat="i in [1,2,3,4,5,6]">                     
       <td>
           <ng-include src="'tpl.html'"></ng-include>
       </td>          
   </tr>
</table>

<div ng-include src="'tpl2.html'"></div>

<script type="text/ng-template" id="tpl.html">
        <td>ACBC</td>
</script>
<script type="text/ng-template" id="tpl2.html">
    test
</script>

edited May 25, 2015 at 13:29

answered May 25, 2015 at 13:06

justMe

6647 silver badges28 bronze badges

Collectives™ on Stack Overflow

Angularjs script template doesn't work

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related