如何在Angular中用js代码：

基本原则是能在ts实现的尽量不用js. Angular Material和Angular flex可以实现Bootstrap所提供的功能。

下图为生成传统的bootstrap like responsive UI：

参考资料如下：

How to Use External and Custom JavaScript in Angular 8|7

/use-javascript-in-angular/How to Use External JavaScript Libraries in Angular 8

/@clintpitzak/how-to-use-external-javascript-libraries-in-angular-8-247baacbdccf?source=userActivityShare-2753f57d13c9-1585314188&_branch_match_id=763250702999214773Should you use Bootstrap or Material Design for your next web or app development project?

/bootstrap-vs-material-design-for-your-next-web-or-app-development-project/material用到的资料：

https://material.angular.io/cdk/layout/overview

https://material.angular.io/guide/schematicsIs Angular Flex Layout (with Angular Material) Better than Bootstrap for Responsive Layout?

/posts/angular/angular-flex-better-than-bootstrap/Angular引入第三方库 /yuzhiqiang_1993/article/details/71215232?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-taskangular+jquery /p/570761d87bdd

如何用ts写代码：

Typescript教程_Typescript视频教程 ts入门实战视频教程 /video/av38379328/?p=1TypeScript 入门教程 /introduction/what-is-typescriptTypeScript 入门教程（查询手册）/w3cnote/getting-started-with-typescript.htmlTypeScript官网（比较好用）/play/index.html

js的学习资料：

JavaScript入门篇：/learn/36现代 JavaScript 教程：https://zh.javascript.info/AngularJS学习：/angularjs/angularjs-intro.htmlJavaScript 入门（上）：/wuyxinu/article/details/103642800JavaScript 入门（下）：/wuyxinu/article/details/103646041