Question

在下面的代码中，

<!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);

自定义指令my-info-msg未在<strong>{{o.msg}}</strong>中添加模板<div my-info-msg> </div>。

请帮帮我!!!

Answer 1

正如@ emil.c指出的那样。您的代码中有拼写错误：

templateUrl: "my-info-msg.html"

删除＆＃34; 1＆＃34;它可以正常工作来自您的template1Url。

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

Answer 2

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

组件类型角度指令ng-template

2 个答案: