子路由

时间:2016-06-08 11:35:49

标签: javascript angularjs typescript angular single-page-application

我有一个父组件(个人资料),在这个组件中我有篮子路线(个人资料/篮子),这是我的篮子组件:

export class basket extends Ext implements OnDestroy{

    private ShopItems_Movies  : Array<{}> = [];
    private ShopItems_Music   : Array<{}> = [];
    subscriptions : Subscription[] = [];


    constructor(private _util: UtilService,private _shareService : shareService , private _Router : Router){
        super();

        this.subscriptions.push(_shareService.ShopItemSS$_.subscribe((items) =>{

            console.log(items);
            this.ShopItems_Movies = this.ext.givemelist(items ,{_type : "video"});
            this.ShopItems_Music  = this.ext.givemelist(items ,{_type : "music"});


        }));

    }


}

和我的模板:

    <a [routerLink]="[item._type == 'video' ? 'Watch' : 'Listen', {uuid: item.item.uuid}]" class="btn-block right-align">
           <div class="circle item_small_like_icon2 background_standard middle inline-block" [ngStyle]="{'background-image': 'url(' + _util.storageUrl(item.item.thumbnail)  + ')'}">
   </div>
      <p class="black-text right-align middle inline-block margin-right-5">{{item.title}}</p>
  </a>

和父路线配置:

@RouteConfig([


     {name: 'Basket', component: basket ,path: '/basket' }
])

我的问题是当我想在篮子模板中使用[routerLink]时抛出这个erorr:platform-browser.umd.js:962 ORIGINAL EXCEPTION: Component "basket" has no route config. 我没有任何一个孩子在篮子里!!有另一个子组件和routeLink没有任何问题它在模板中没问题!但在这个组件中我找不到我的问题!

1 个答案:

答案 0 :(得分:2)

今天有一个类似的问题,它以这种方式运作:

<a [routerLink]="item._type == 'video' ? ['Watch', {uuid: item.item.uuid}] : ['Listen', {uuid: item.item.uuid}]" class="btn-block right-align">