angular-web-component-portal-源码
具有模块作为Web组件的PoC Angular App Shell
概述
应用程序/门户有两个子模块
/客户端-a
/客户端-b
作为Web组件加载的
角度9
非monorepo设置
用于Web组件JS捆绑的ngx-build-plus
特征
外壳中的路由器出口（/端口）
每个Web组件模块中的路由器出口
通过routerLink进行导航
路由器网址可以使用漂亮的网址（而不是哈希）
调试
我没有使用src / app，但是
src /门户
src / client-a
src / client-b
所以webpack不会用重复的名称覆盖类
本地设置
cd portal
npm install
cd ..
cd client-a
npm install
cd ..
cd client-b
npm install
cd ..
运行：（在单独的终端中）
./portal.sh
./
文件下载
资源详情
[{"title":"（ 70 个子文件 376KB ） angular-web-component-portal-源码","children":[{"title":"angular-web-component-portal-master","children":[{"title":"client-b","children":[{"title":"package.json <span style='color:#111;'> 1.00KB </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 435.29KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"client-b","children":[{"title":"page1-in-client-b.component.ts <span style='color:#111;'> 266B </span>","children":null,"spread":false},{"title":"app.module.ts <span style='color:#111;'> 1.34KB </span>","children":null,"spread":false},{"title":"page2-in-client-b.component.ts <span style='color:#111;'> 266B </span>","children":null,"spread":false},{"title":"app.component.ts <span style='color:#111;'> 1.05KB </span>","children":null,"spread":false},{"title":"core.component.ts <span style='color:#111;'> 475B </span>","children":null,"spread":false},{"title":"empty.component.ts <span style='color:#111;'> 115B </span>","children":null,"spread":false}],"spread":true},{"title":"assets","children":[{"title":".gitkeep <span style='color:#111;'> 0B </span>","children":null,"spread":false}],"spread":true},{"title":"main.ts <span style='color:#111;'> 377B </span>","children":null,"spread":false},{"title":"environments","children":[{"title":"environment.ts <span style='color:#111;'> 662B </span>","children":null,"spread":false},{"title":"environment.prod.ts <span style='color:#111;'> 51B </span>","children":null,"spread":false}],"spread":true},{"title":"index.html <span style='color:#111;'> 293B </span>","children":null,"spread":false},{"title":"favicon.ico <span style='color:#111;'> 948B </span>","children":null,"spread":false},{"title":"styles.css <span style='color:#111;'> 80B </span>","children":null,"spread":false},{"title":"polyfills.ts <span style='color:#111;'> 2.77KB </span>","children":null,"spread":false}],"spread":true},{"title":"tsconfig.json <span style='color:#111;'> 489B </span>","children":null,"spread":false},{"title":"angular.json <span style='color:#111;'> 2.98KB </span>","children":null,"spread":false},{"title":"tsconfig.app.json <span style='color:#111;'> 210B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 1024B </span>","children":null,"spread":false},{"title":"browserslist <span style='color:#111;'> 429B </span>","children":null,"spread":false}],"spread":true},{"title":".gitignore <span style='color:#111;'> 641B </span>","children":null,"spread":false},{"title":"client-a","children":[{"title":"webpack.partial.js <span style='color:#111;'> 135B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 1.00KB </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 435.29KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"client-a","children":[{"title":"app.module.ts <span style='color:#111;'> 1.54KB </span>","children":null,"spread":false},{"title":"page1-in-client-a.component.ts <span style='color:#111;'> 266B </span>","children":null,"spread":false},{"title":"app.component.ts <span style='color:#111;'> 946B </span>","children":null,"spread":false},{"title":"page2-in-client-a.component.ts <span style='color:#111;'> 266B </span>","children":null,"spread":false},{"title":"core.component.ts <span style='color:#111;'> 463B </span>","children":null,"spread":false},{"title":"empty.component.ts <span style='color:#111;'> 115B </span>","children":null,"spread":false}],"spread":true},{"title":"assets","children":[{"title":".gitkeep <span style='color:#111;'> 0B </span>","children":null,"spread":false}],"spread":true},{"title":"main.ts <span style='color:#111;'> 377B </span>","children":null,"spread":false},{"title":"environments","children":[{"title":"environment.ts <span style='color:#111;'> 662B </span>","children":null,"spread":false},{"title":"environment.prod.ts <span style='color:#111;'> 51B </span>","children":null,"spread":false}],"spread":true},{"title":"index.html <span style='color:#111;'> 293B </span>","children":null,"spread":false},{"title":"favicon.ico <span style='color:#111;'> 948B </span>","children":null,"spread":false},{"title":"styles.css <span style='color:#111;'> 80B </span>","children":null,"spread":false},{"title":"polyfills.ts <span style='color:#111;'> 2.77KB </span>","children":null,"spread":false}],"spread":true},{"title":"tsconfig.json <span style='color:#111;'> 489B </span>","children":null,"spread":false},{"title":"angular.json <span style='color:#111;'> 2.98KB </span>","children":null,"spread":false},{"title":"tsconfig.app.json <span style='color:#111;'> 210B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 1024B </span>","children":null,"spread":false},{"title":"browserslist <span style='color:#111;'> 429B </span>","children":null,"spread":false}],"spread":true},{"title":"LICENSE <span style='color:#111;'> 11.09KB </span>","children":null,"spread":false},{"title":"portal.sh <span style='color:#111;'> 69B </span>","children":null,"spread":false},{"title":"portal","children":[{"title":"webpack.partial.js <span style='color:#111;'> 439B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 435.31KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"assets","children":[{"title":".gitkeep <span style='color:#111;'> 0B </span>","children":null,"spread":false}],"spread":true},{"title":"portal","children":[{"title":"app.module.ts <span style='color:#111;'> 943B </span>","children":null,"spread":false},{"title":"page1-in-app-shell.component.ts <span style='color:#111;'> 388B </span>","children":null,"spread":false},{"title":"app.component.ts <span style='color:#111;'> 2.55KB </span>","children":null,"spread":false},{"title":"page2-in-app-shell.component.ts <span style='color:#111;'> 390B </span>","children":null,"spread":false},{"title":"empty.component.ts <span style='color:#111;'> 115B </span>","children":null,"spread":false}],"spread":true},{"title":"main.ts <span style='color:#111;'> 375B </span>","children":null,"spread":false},{"title":"environments","children":[{"title":"environment.ts <span style='color:#111;'> 662B </span>","children":null,"spread":false},{"title":"environment.prod.ts <span style='color:#111;'> 51B </span>","children":null,"spread":false}],"spread":false},{"title":"index.html <span style='color:#111;'> 292B </span>","children":null,"spread":false},{"title":"favicon.ico <span style='color:#111;'> 948B </span>","children":null,"spread":false},{"title":"styles.css <span style='color:#111;'> 80B </span>","children":null,"spread":false},{"title":"polyfills.ts <span style='color:#111;'> 2.77KB </span>","children":null,"spread":false}],"spread":true},{"title":"tsconfig.json <span style='color:#111;'> 489B </span>","children":null,"spread":false},{"title":"angular.json <span style='color:#111;'> 3.00KB </span>","children":null,"spread":false},{"title":"tsconfig.app.json <span style='color:#111;'> 210B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 1023B </span>","children":null,"spread":false},{"title":"browserslist <span style='color:#111;'> 429B </span>","children":null,"spread":false}],"spread":true},{"title":"README.md <span style='color:#111;'> 1.05KB </span>","children":null,"spread":false},{"title":"client-b.sh <span style='color:#111;'> 33B </span>","children":null,"spread":false},{"title":"client-a.sh <span style='color:#111;'> 33B </span>","children":null,"spread":false}],"spread":true}],"spread":true}]
评论信息
其他资源
- 2020中国建筑节能年度发展研究报告—简化水印版.pdf
- 教务管理系统(spring+springmvc+mybatis+bootstrap+mysql+jQuery)实现
- 凯文·米特尼克两部著作《欺骗的艺术》《入侵的艺术》
- C0文法编译器
- 动态规划算法
- 傅立叶光学导论第三版英文版答案
- 光学追迹的一个实现程序
- 法拉利汽车obj格式模型
- 北京大学 八路抢答器综合设计 含电路图、代码 实验报告 演示视频
- MFC一个漂亮的登录框带小键盘密码输入
- 异步FIFO的VHDL实现
- Gurobi 手册_数值问题处理
- STM32F207 USB host 读写U盘
- java web从入门到精通 pdf下载高清中文版
- EPM240开发板原理图.rar
- owl-s实例及文档
- EEMD程序DLL
- Mybatis分页插件和逆向工程工具类
- AD采集数据在数码管上显示
- AUTO CAD2008 种子 含注册机
- 51单片机的医院无线护理呼叫系统的设计论文
- 开关电源模块并联供电系统
- MMA7660加速度传感器驱动
免责申明
【只为小站】的资源来自网友分享，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论 【只为小站】 经营者是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明
本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二条之规定，若资源存在侵权或相关问题请联系本站客服人员，zhiweidada#qq.com，请把#换成@，本站将给予最大的支持与配合，做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明