ngTransclude根本不包裝內容

我有一個自定義的角度指令，在angularjs中的幾個視圖中。該指令設置爲transclude，但沒有包裝的內容顯示出來。ngTransclude根本不包裝內容

app.directive('card', [function() { 
    return { 
    restrict: "E", 
    scope: { 
     sysStack: "=", 
     cardname: "@" 
    }, 
    transclude: true, 
    templateUrl: 'partials/directives/card.html', 
    replace:true 
    } 
}]);

card.html看起來像這樣

<section class="card" ng-transclude> 

</section>

CSS樣式本節標籤與陰影和輕微的背景色，顯示完全像預期的那樣實現Flexbox，但沒有的它包裝的內容顯示出來，也沒有沿着其範圍傳遞的屬性。在我的一個觀點中，我的測試就是這樣的。

<card sys-stack="2" cardname="test"> 
    testing 123 
</card>

測試123沒有顯示出來，甚至根本看不出dom屬性。卡指令渲染的flexbox部分顯示正常，正如我所說的，但不包含任何包裝內容。有人能幫我理解這裏發生了什麼嗎？

我已經更新了我的問題，爲了清楚起見

的card.html呈現在DOM很好，只是沒有任何它所包裝的附加屬性或什麼的。

來源

2014-09-04 richbai90

'partials/directives/card.html'的內容是什麼？ – JoseM 2014-09-04 16:01:34

你確定http://jsbin.com/cukeseririyu/1/請仔細檢查你的模板的路徑 – sylwester 2014-09-04 16:01:35

card.html在沒有問題的情況下呈現在dom中，但是它沒有包裝呈現，並且沒有任何附加屬性可以做。 – richbai90 2014-09-04 16:05:40

對不起，我覺得自己像一個白癡。我檢查並重新檢查了我的路徑，但我沒有意識到的是，我有一個叫做servicedesk的指令，和一個叫做servicedesk的視圖。我需要解決這個問題。我正在向指令添加內容，同時該視圖也有卡指令，但其中沒有內容。再次抱歉。

來源

2014-09-04 16:43:44 richbai90

ngTransclude根本不包裝內容

回答

相關問題