我想为我使用的产品标签添加下拉列表

Question

我想为“产品”标签添加下拉列表。 （Angular with bootstrap 3）

HTML：

<div class="animsition animated" ng-controller="websiteTabsCtrl">
    <tabset class="jdEMainBoxInRow">
                    <tab ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active" disable="tab.disabled">
                      <div ng-include="tab.content"></div>
                    </tab>
                </tabset>
</div>

这是我的代码：

angular.module('website', ['ui.bootstrap']);
angular.module('website').controller('websiteTabsCtrl', function ($scope) {
  $scope.tabs = [
    { title:'HOME', content:'home.php' },
    { title:'ABOUT', content:'about.php' },
    { title:'PRODUCT', content:'product.php' },
    { title:'CONTACT', content:'contact.php'}
  ];
});

像波纹管一样

Answer 1

您可以在下面找到可以使用的建议实施。

将控制器定义为：

wrap_content

在angular.module('ui.bootstrap.demo', ['ngAnimate', 'ngSanitize', 'ui.bootstrap']); angular.module('ui.bootstrap.demo').controller('TabsDemoCtrl', function ($scope, $window) { $scope.tabs = [ { title:'HOME', content:'home.html' }, { title:'ABOUT', content:'about.html' }, { title:'PRODUCT', content:'product.html' }, { title:'CONTACT', content:'contact.html'} ]; $scope.products = [ { name: 'Product 1' }, { name: 'Product 2' }, { name: 'Product 3' } ]; }); 中你可以拥有：

index.html

见工作plunker here。