Kylo UI - 創建新的打字稿模塊

Question

我對使用 Kylo 和 UI 結構的方式有疑問。

根據網站http://kylo.readthedocs.io/en/v0.8.3/developer-guides/KyloDeveloperGuide.html?highlight=angular2它說：

大多數 Kylo UI 依賴於 AngularJS 和 AngularJS Material，但有一些部分已升級到 Angular 2 和 Covalent。 新插件應該用 Typescript 編寫並使用 Angular 2 以實現未來的兼容性。

它說新插件應該用 angular2 和 typescript 編寫，但所有示例和核心組件都是用 AngularJS 編寫的。

一個例子是這個： https : //github.com/Teradata/kylo/tree/master/samples/plugins/example-module/example-module-ui

我想知道該模塊的 Typescript 和 Angular2 替代方案，包括路由，是否有任何現場示例？

Answer 1

我已經測試過，如果將代碼直接添加到 kylo-ui-app 項目中，Angular 2 確實可以工作，但我認為 Kylo 的插件系統現在不支持 Angular 2。

與標准 Angular 2 的唯一區別是 Kylo 使用 UI-Router 而不是 Angular Router，但語法非常相似。 根據記憶，我認為這些是我使用的步驟：

1) 在 routes.js 中添加一條新路由：

{
  name: 'contacts.**',
  url: '/contacts',
  loadChildren: './contacts/contacts.module#ContactsModule'
}

2）將子狀態添加到您的模塊中：

@NgModule({
  imports: [ UIRouterModule.forChild({ states: CONTACTS_STATES }), /* ... and any other modules */ ],
  declarations: [ ContactComponent, /* ... and any other components */ ],
  providers: [ ContactsDataService ],
})
export class ContactsModule { }

3）每個狀態的組件應該在views.content下指定：

{
  name: 'contacts',
  url: '/contacts',
  views: {
    "content": {
      component: ContactsComponent,
    }
  }
}