Javascript 在同一页面/选项卡中显示2个模板

Javascript 在同一页面/选项卡中显示2个模板,javascript,html,angularjs,angularjs-ng-template,Javascript,Html,Angularjs,Angularjs Ng Template,我对ng模板有问题。 看,如果我在下拉菜单中添加了另一个选项(extemplate3.html),我如何才能同时显示第一个和第二个模板 HTML: 创建一个包含其他两个模板的模板 <script type="text/ng-template" id="template3.html"> <div ng-include src="'template1.html'"></div> <div ng-include src="'templa

我对ng模板有问题。 看,如果我在下拉菜单中添加了另一个选项(extemplate3.html),我如何才能同时显示第一个和第二个模板

HTML:


创建一个包含其他两个模板的模板

  <script type="text/ng-template" id="template3.html">
     <div ng-include src="'template1.html'"></div>
     <div ng-include src="'template2.html'"></div>
  </script>

您不能创建第三个模板,其中包含其他两个模板吗?
function Ctrl($scope) {
  $scope.templates =
    [ { name: 'template1.html', url: 'template1.html'}
    , { name: 'template2.html', url: 'template2.html'}
    , { name: 'template3.html', url: }//this must contain first and second template
    ];
  $scope.template = $scope.templates[0];
}
  <script type="text/ng-template" id="template3.html">
     <div ng-include src="'template1.html'"></div>
     <div ng-include src="'template2.html'"></div>
  </script>
function Ctrl($scope) {
  $scope.templates =
    [ { name: 'template1.html', url: 'template1.html'}
    , { name: 'template2.html', url: 'template2.html'}
    , { name: 'template3.html', url: 'template3.html' }
    ];
  $scope.template = $scope.templates[0];
}