ui-view不会呈现嵌套内容

时间:2015-04-14 21:00:55

标签: angularjs plunker

我在这里联系了我的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页面中加载它们,但它们不可见

我在这里缺少什么?

1 个答案:

答案 0 :(得分:2)

事情区分大小写。将templateURL更改为templateUrl,您应该好好去。