ui-view rendert nicht die entsprechende Vorlage für angular-ui-tab?

Question

ui-view funktioniert nicht für ui-tab. Bitte sehen Sie sich das Szenario an und sagen Sie mir bitte, wo ich falsch liege.

Auf der Kundenseite rufe ich den Seitenupdate-Kunden an, indem ich auf einen beliebigen Kunden klicke customers.view.html, Diese Seite enthält die Liste der Kunden. Wenn ich auf einen Kunden klicke, öffne ich den Link wie die folgende URL. http://localhost:3000/home/#/updatecustomer/5

customers.view.html

<a><i ui-sref="home.updatecustomer({ customerId: {{customer.id}} })" class="fa fa-edit pull-right" ng-click="$event.stopPropagation()"></i></a> 

In config Ich schaffe die URL http://localhost:3000/home/#/updatecustomer/5, ich bin in der Lage, die Seite index.html zu öffnen, aber Profil zeigen und Einstellung entsprechende Öffnung nicht. ..

Bitte beachten Sie die ähnliche Arbeits Demo, Working DEMO

"Config "

.state('home.updatecustomer', { 
    url: 'updatecustomer/:customerId', 
    views:{ 
       '':{ 
        templateUrl: 'addcustomer/index.html', 
        controller: 'TabsDemoCtrl', 
       }, 
       'profile':{ 
        templateUrl: 'addcustomer/profile.html' 
       }, 
       'setting':{ 
        templateUrl: 'addcustomer/setting.html' 
       }, 
      } 
    }) 

-Controller

var app = angular.module('app') ; 
    app.controller('TabsDemoCtrl', TabsDemoCtrl); 
    TabsDemoCtrl.$inject = ['$scope', '$state']; 
    function TabsDemoCtrl($scope, $state){ 
     $scope.tabs = [ 
      { title:'profile', view:'profile', active:true }, 
      { title:'setting', view:'setting', active:false } 
     ]; 
    } 

index.html

<uib-tabset active="active"> 
    <uib-tab ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active" disable="tab.disabled"> 
     <div ui-view="{{tab.view}}"></div> 
    </uib-tab> 
</uib-tabset> 

profile.html

<div>profile of customer </div> 

Setting.html

<div>Setting for customer </div> 

Answer 1

Es sollte customer.id ohne Klammern in ui-sref

<a ui-sref="home.updatecustomer({ customerId: customer.id })" class="pull-right"><i class="fa fa-edit"></i></a> 

sein, wenn Sie in der Lage sein werden, Ihren Zustand zu ändern home.updatecustomer dann Tabs funktionieren soll.

aktualisieren

Feste Attribute:

• bestanden ui-sref-a Tag
• bestanden pull-right Klasse a Tag

Answer 2

<a><i ui-sref="home.updatecustomer({ customerId: customer.id })" class="fa fa-edit pull-right" ng-click="$event.stopPropagation()"></i></a> 

versuchen Sie dies als atn auch erwähnt Ich habe den gleichen Gedanken hoffe es hilft