Component type angular directive ng-template

Question

In the below code,

<!DOCTYPE html>
    <html>
        <head>
            .....
        </head>
        <body ng-app="app">
            <script type="text/ng-template" id="my-info-msg.html">
                <strong>{{o.msg}}</strong>
            </script>
            <div ng-controller="emp as o">
                <div my-info-msg>

                </div>  
            </div>
        </body>
    </html>

var app = angular.module("app", []);

function MyController(){
    this.msg= 'This is a message';
}
app.controller('emp', MyController);


function MsgDirective(){
    return{
        template1Url: "my-info-msg.html"
    };
}
app.directive('myInfoMsg', MsgDirective);

custom directive my-info-msg does not add the template <strong>{{o.msg}}</strong> in <div my-info-msg> </div> .

Please help me!!!

Answer 1

As @emil.c has pointed out. You have a typo in your code:

templateUrl: "my-info-msg.html"

It works fine when you remove the "1" from your template1Url .

https://plnkr.co/edit/Q20v7zSHHVPNJOOievrm?p=preview

Answer 2

在template1Url有一个拼写错误，删除template和Url之间的1 ，你应该没问题。

Component type angular directive ng-template

Question

2 answers

solution1
2 2016-03-22 20:00:24

solution2
1 2016-03-23 07:28:48

Component type angular directive ng-template

Question

2 answers

solution1 2 2016-03-22 20:00:24

solution2 1 2016-03-23 07:28:48

solution1
2 2016-03-22 20:00:24

solution2
1 2016-03-23 07:28:48