ui-view không hiển thị mẫu tương ứng cho góc-ui-tab?

Question

ui-view không hoạt động đối với ui-tab. Xin vui lòng xem kịch bản, và vui lòng cho tôi biết nơi tôi sai.

Trong trang khách hàng, tôi đang gọi khách hàng cập nhật trang, bằng cách nhấp vào bất kỳ khách hàng nào customers.view.html, Trang này chứa danh sách khách hàng. Khi tôi nhấp vào bất kỳ khách hàng nào, nó sẽ mở liên kết như url sau. 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> 

Trong cấu hình, tôi đang tạo ra các url http://localhost:3000/home/#/updatecustomer/5, tôi có thể mở index.html trang, nhưng xem cấu hình và thiết lập tương ứng không được mở. ..

Hãy xem tương tự giới thiệu làm việc, Working DEMO

"cấu hình "

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

khiển

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

Nên có customer.id mà không cần niềng răng trong ui-sref

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

Nếu bạn sẽ có thể thay đổi trạng thái của bạn để home.updatecustomer sau đó tab nên làm việc.

Cập nhật

thuộc tính cố định:

• qua ui-sref-a thẻ
• qua pull-right lớp để a thẻ

Answer 2

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

thử điều này như atn cũng đề cập đến tôi có cùng một suy nghĩ hy vọng nó sẽ giúp