組件類型角度指令ng-template

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不會在<div my-info-msg> </div>添加模板<strong>{{o.msg}}</strong> <div my-info-msg> </div> 。

請幫我！！！

Answer 1

正如@ emil.c指出的那樣。 您的代碼中有拼寫錯誤：

templateUrl: "my-info-msg.html"

從template1Url刪除“1”時，它可以正常工作。

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

Answer 2

在template1Url有一個拼寫錯誤，刪除template和Url之間的1 ，你應該沒問題。

組件類型角度指令ng-template

問題描述

2 個解決方案

解決方案1
2 2016-03-22 20:00:24

解決方案2
1 2016-03-23 07:28:48

組件類型角度指令ng-template

問題描述

2 個解決方案

解決方案1 2 2016-03-22 20:00:24

解決方案2 1 2016-03-23 07:28:48

解決方案1
2 2016-03-22 20:00:24

解決方案2
1 2016-03-23 07:28:48