Javascript 带有typescript web组件的Oracle jet
我已使用typescript运行创建了应用程序:Javascript 带有typescript web组件的Oracle jet,javascript,oracle-jet,Javascript,Oracle Jet,我已使用typescript运行创建了应用程序: ojet create web-app-navbar --template=navbar --typescript 然后我创建了web组件运行: ojet create components demo-card --typescript ojet cli已成功创建演示卡组件。 我想将演示卡组件添加到“关于”页面,并添加了html标记: //它是关于.ts的 关于VIEWMODEL的课程{ 构造函数(){ } /** *将视图插入到视图中后调
ojet create web-app-navbar --template=navbar --typescript
然后我创建了web组件运行:
ojet create components demo-card --typescript
ojet cli已成功创建演示卡组件。
我想将演示卡组件添加到“关于”页面,并添加了html标记:
//它是关于.ts的
关于VIEWMODEL的课程{
构造函数(){
}
/**
*将视图插入到视图中后调用的可选ViewModel方法
*文档DOM。应用程序可以放置需要DOM的逻辑
*附于此。
*此方法可能会在创建视图后被多次调用
*并在视图重新连接后插入到DOM中
*断开后。
*/
已连接():void{
//必要时实施
}
/**
*在视图与DOM断开连接后调用的可选ViewModel方法。
*/
断开连接():无效{
//必要时实施
}
/**
*完成转换到新视图后调用的可选ViewModel方法。
*这包括旧视图和新视图之间的任何可能动画。
*/
transitionCompleted():void{
//必要时实施
}
}
导出关于viewmodel的默认值代码>
关于内容区
要更改此部分的内容,您将编辑位于/js/views文件夹中的about.html文件。
添加导入“演示卡/加载器”
到关于.ts
使用ojet cli时,会自动为您设置组件的路径。
您需要添加import'demo card/loader'
以自动解析传输组件的正确路径。我认为他应该在大约.ts中导入它,对吗?他在顶部提到了这一点。是的,我自己也在浏览教程,没有注意到不同的文件名。编辑它。谢谢@Ray!