【前端】如何在Angular中使用js代码文件（Angular开发过程中是否需要用jquery，bootstrap框架？）

如何在Angular中用js代码：

基本原则是能在ts实现的尽量不用js. Angular Material和Angular flex可以实现Bootstrap所提供的功能。
下图为生成传统的bootstrap like responsive UI：

参考资料如下：

1. How to Use External and Custom JavaScript in Angular 8|7
   https://www.techiediaries.com/use-javascript-in-angular/
2. How to Use External JavaScript Libraries in Angular 8
   https://medium.com/@clintpitzak/how-to-use-external-javascript-libraries-in-angular-8-247baacbdccf?source=userActivityShare-2753f57d13c9-1585314188&_branch_match_id=763250702999214773
3. Should you use Bootstrap or Material Design for your next web or app development project?
   https://hub.packtpub.com/bootstrap-vs-material-design-for-your-next-web-or-app-development-project/
4. material用到的资料：
   https://material.angular.io/cdk/layout/overview
   https://material.angular.io/guide/schematics
5. Is Angular Flex Layout (with Angular Material) Better than Bootstrap for Responsive Layout?
   https://codinglatte.com/posts/angular/angular-flex-better-than-bootstrap/
6. Angular引入第三方库 https://blog.csdn.net/yuzhiqiang_1993/article/details/71215232?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task
7. angular+jquery https://www.jianshu.com/p/570761d87bdd

如何用ts写代码：

1. Typescript教程_Typescript视频教程 ts入门实战视频教程 https://www.bilibili.com/video/av38379328/?p=1
2. TypeScript 入门教程 https://ts.xcatliu.com/introduction/what-is-typescript
3. TypeScript 入门教程（查询手册）https://www.runoob.com/w3cnote/getting-started-with-typescript.html
4. TypeScript官网（比较好用）https://www.tslang.cn/play/index.html

js的学习资料：

1. JavaScript入门篇：https://www.imooc.com/learn/36
2. 现代 JavaScript 教程：https://zh.javascript.info/
3. AngularJS学习：https://www.runoob.com/angularjs/angularjs-intro.html
4. JavaScript 入门（上）：https://blog.csdn.net/wuyxinu/article/details/103642800
5. JavaScript 入门（下）：https://blog.csdn.net/wuyxinu/article/details/103646041