0

マルチタブビューを含むAngular MVCアプリケーションで作業しています。いくつかの templateURL タブを含むタブセットがあります

私がこれのためにやったことは次のようなものです

$scope.templateUrl = '';
var tabs = $scope.tabs =
[];
var controller = this;

this.selectTab = function(tab)
{
  $templateCache.put(tab, tab.templateUrl);
  angular.forEach(tabs, function(tab)
  {
    tab.selected = false;
  });
  tab.selected = true;
};

this.setTabTemplate = function(tab,templateUrl)
{
  $scope.templateUrl = $templateCache.get(tab);
}

this.addTab = function(tab)
{
  controller.selectTab(tab);
  tabs.push(tab);
};
<ng-include src="templateUrl"></ng-include>

すばやく取得できるように、テンプレートをキャッシュする必要があります。$templateCache で ng-include とテンプレート URL (Spring Dispatcher Servlet からのもの) を使用しても機能しません。

どうすれば同じことを達成できるか提案してください。

前もって感謝します。

4

2 に答える 2

0

タブごとに個別の ng-include を含めましたが、うまくいきました。

<tabset> 
        <tab ng-repeat="tab in tabsMenu"  active="tab.active"> 
        <tab-heading> {{tab.title}} 
        <i ng-if =tab.closableTab class="glyphicon glyphicon-remove closeTabIcon" ng-click="removeTab($index)"></i> 
        </tab-heading> 
        <ng-include src="tab.url"></ng-include> 
        </tab>

このフィドルを見つけてください: https://jsfiddle.net/pawanFiddle/mwqty2sf/5/

ありがとう

于 2015-10-07T06:50:37.257 に答える