AngularJS ng-<tab> ng-null ile ng-tıklayın ve sekme

Question

Yeni Sekme seçimini seçin. AngularJS içinde <tabset> ve <tab> kullanmaya çalışıyorum ve htmlimde belirli bir SEKME'ye vurduğumda ng tıklama işlevini çağırmaya çalışıyorum. Ancak, yöntem bir nedenden dolayı çağrılmıyor ve seçtiğim sekmeyi basamıyorum. Burada ne eksik

<div class="wrapper wrapper-content animated fadeIn"> 
<div class="row wrapper border-bottom white-bg page-heading"> 
    <div class="col-lg-10"> 
     <h1 style="text-align:center">Submitted Deliveries</h1> 
    </div> 
</div> 
<br> 
<div class="row"> 
    <div class="col-lg-12"> 
     <div class="tabs-container"> 

      <tabset> 
       <tab ng-repeat="priority in vm.priorities" ng-click="vm.setTab(priority)" heading={{priority}}> 
        <div class="panel-body"> 
         <delivery-directive></delivery-directive> 
        </div> 
       </tab> 
      </tabset> 

     </div> 
    </div> 
</div> 

</div> 

// Controller 
(function() { 

'use strict'; 

angular.module('app.deliveries') 
     .controller('DeliveriesController', DeliveriesController); 

DeliveriesController.$inject = ['DeliveriesService', 'APP_CONFIG', '$interval', 'WorkspaceService']; 

function DeliveriesController(deliveriesService, APP_CONFIG, $interval, workspaceService){ 

    var vm = this; 
    vm.priorities = [];  // priorities are based the names of each workspace. 
          // So call the workspace end point from the workspaceService 
          // to get a list of all workspace. Then assign it to the priorities. 

    vm.setTab = setTab; 

    return init(); 

    function init(){ 
     workspaceService.getWorkspaces().then(function(workspaceResponse){ 
      vm.priorities = workspaceResponse; 
     }); 
    } 

    // This function does not get called and doesn't print anything 
    function setTab(priority){ 
     console.log(priority); 
    } 
} 

})(); 

Herhangi öneri: İşte kod nedir?

Answer 1

Açısal-UI gibi sekme ve sekme yönergeleri kullanıyor musunuz? Eğer öyleyse, dom düğümleri, tıklamayı yaptığınız şeyin tıklattığınızı düşündüğünüz aynı dom düğümü olmadığı şekilde hareket ettirilebilir. açısal ui için sekmeler seçkin bir olay işleyicisi var istersek:

<tabset> 
     <tab ng-repeat="priority in vm.priorities" select="vm.setTab(priority)" heading="{{priority}}">...</tab> 
    </tabset> 

NOT: açısal-ui son sürümü uib- önek kullanan, yani şimdi

<uib-tabset> 
    <uib-tab ng-repeat="priority in vm.priorities" select="vm.setTab(priority)" heading="{{priority}}">...</uib-tab>  
</uib-tabset>