1

Angular UI-Router を使用して子 URL にリンクしようとしています (非常に新しい)

私は持っている：-

app.config(function($stateProvider, $urlRouterProvider, $locationProvider){
  $urlRouterProvider.otherwise("/products")

  $stateProvider
    .state('products', {
        url: "/products",
        templateUrl: "products.html",
    })
    .state('products.edit', {
        url: "/:id",
        templateUrl: "products.edit.html",
        controller: function ($scope, $stateParams) {
          $scope.id = $stateParams.id;
          console.log($stateParams.id)
        }
    })    
    .state('customers', {
        url: "/customers",
        templateUrl: "customers.html",
    });     
    //$locationProvider.html5Mode(true);         
});

製品と顧客に移動できますが、products.edit 状態には移動できません。

こちらがプランカー

4

1 に答える 1

2

products.editは の子状態であるためproducts、前者のビューは後者のビューに埋め込まれます。したがって、では、子ビューを配置する場所をproducts.html含める必要があります。このような：<ui-view>ui-router

<div>
 <h4>Products Page</h4>
 <ui-view></ui-view>
</div>

この更新された plunkerを参照してください。

于 2013-09-17T23:51:05.717 に答える