沒有標題和內容與bootstrap.ui標籤

我試圖製作與Angular bootstrap.ui Tabs標籤。靜態標籤可以工作，但動態不顯示標題和內容。下面我的代碼：沒有標題和內容與bootstrap.ui標籤

我的JS：

(function (angular) { 
    angular.module('numeter', ['ui.bootstrap']). 
    controller('configurationMainTabCtrl', ['$scope', '$http', function ($scope, $http) { 
     $scope.maintabs = [ 
     { title:"Users", content:"Test", url:"/user" }, 
     { title:"View", content:"", url:"/view" }, 
     ]; 
    }]); 
}(angular));

我的HTML：

... 
<div ng-controller="configurationMainTabCtrl"> 
<tabset maintabs> 
    <tab ng-repeat="maintab in maintabs"> 
    <tab-heading>{{maintab.title}}</tab-heading> 
    {{maintab.content}} 
    </tab> 
</tabset> 
</div> 
...

此代碼給我選擇的空內容爲空的選項卡。

來源

2013-12-22 Zulu

感謝您的回覆。
這是一個noob錯誤。我使用Django和{{...}}由Django模板系統評估。我添加{% verbatim %}標籤來逃避角部分，它的工作原理。

來源

2013-12-25 14:48:12 Zulu

您可以使用$ interpolateProvider.startSymbol（「{[」）。endSymbol（「]}」）多次保存自己。或任何你喜歡的符號。 – goh

既然你沒有包括你所有的代碼，我不確定這是否是問題，但如果你鏈接到一個笨蛋或小提琴將來會有很大的幫助。這樣一來，我們就可以看到代碼的實際運行情況，並且通過解決方案也可以輕鬆實現。（另外，我發現plunkers得心應手的東西縮小到僅僅是確切的代碼我的工作，這有助於我們解決問題。）

這裏是你的代碼plunker，編輯：http://plnkr.co/edit/u80OhmN7YqYRytFE7kG5?p=preview

使用您的設置，我得到的唯一錯誤是它無法將控制器視爲一個函數，這意味着它不會在ng-app中執行。只要我將ng-app =「app」添加到body標籤，一切都開始工作。由於我只有你發佈的代碼，我不確定，但這可能是一個問題。

其他可能的罪魁禍首可能是以下兩行：

<tabset maintabs> 
    <tab ng-repeat="maintab in maintabs">

他們改成這樣：

<tabset> 
    <div ng-repeat="maintab in maintabs">

，然後東西都應該表現。否則，當指令只需要一個選項卡，即每個選項卡時，就會對選項卡指令進行重複。我的意思是把部分放在ng-repeat中，而不是放在它旁邊。

來源

2013-12-22 17:02:16 kl02

I'vz已經做了一個Plunker，但它的工作...... Thx爲您的建議。 – Zulu

那麼它是在蹲點工作，但不是在你的完整應用程序內？編輯我的答案突出了兩條重要線。 – kl02

是的，它在plunker中工作，並且在沒有''的應用程序中不起作用。 – Zulu

不確定它是否與您的案例相關，但我在不同的場景中遇到同樣的問題。如果您正在使用ng-include這樣的<div ng-include="'mytemplate'" ng-controller="MyCtrl"></div>，那麼在範圍1.1.6到1.2.2之間有一個範圍problem，這可能解釋了爲什麼您可能沒有看到維護。

來源

2013-12-24 07:07:01 goh

感謝您向我展示此問題，但麻煩來自不良的Angular/Django用例。 – Zulu

沒有標題和內容與bootstrap.ui標籤

回答

相關問題