ui-视图不会呈现嵌套内容

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 页面中，但它们不可见

我在这里错过了什么？

Answer 1

事物区分大小写。将 templateURL 更改为 templateUrl，您应该可以开始了。

ui-视图不会呈现嵌套内容

ui-view wont render nested content

angularjs

plunker