angularjs - ui-view はネストされたコンテンツをレンダリングしません

Question

私のplnkrをここにリンクしました http://plnkr.co/edit/kuyw1shiKwz9wzVmoo5K?p=preview

addProducts タブで、ネストされた状態を ui-view にロードしたいと考えています。

.state("productEdit", {
      abstract: true,
      url: "/products/edit/:productId",
      templateUrl: "productEditView.html",
      controller: "ProductEditCtrl as vm",
      resolve: {
        productResource: "productResource",
        product: function(productResource, $stateParams){
          var productId = $stateParams.productId;
          return productResource.get({productId: productId}).$promise;
        }
      }
    })
    .state("productEdit.info",{
      url:"/info",
      templateURL: "productEditInfoView.html"
    })
    .state("productEdit.price",{
      url:"/price",
      templateURL: "productEditPriceView.html"
    })

ProductEditInfoView.html にはいくつかのコントロールを含むフォームがあり、ProductEditView ページに読み込まれると予想されますが、それらは表示されません

ここで何が欠けていますか？