问在"dotnet新角度“项目中使用角树组件？

EN

我刚刚测试了它自己，它正在运行的铬版本73.0.3683.86。我使用了Visual代码，但您可以使用任何您想要的。

1. 创建一个文件夹并使用VS代码打开它
2. 打开终端并执行dotnew new angular命令-这将创建一个.net核心应用程序
3. 执行ng new tree-test命令-它创建一个角应用程序名称树-测试。选择yes，当提示时，然后选择scss格式
4. 执行cd tree-test -将工作文件夹更改为新创建的角应用程序
5. 执行npm install --save angular-tree-component -这将将您的组件安装到应用程序
6. 打开tree-test>src>styles.scss文件并在其中添加一行：@import '~angular-tree-component/dist/angular-tree-component.css'; -这将使您的树样式工作。
7. 打开app.module.ts文件并将import { TreeModule } from 'angular-tree-component';添加到标题中，并设置如下所示的导入：imports: [..., TreeModule.forRoot()]
8. 打开app.component.html文件并将所有内容替换为<tree-root [nodes]="nodes" [options]="options"></tree-root>
9. 打开app.component.ts并用以下内容替换所有AppComponent类内容：

节点=[{ id: 1，名称：‘root1 1’，子节点：{ id: 2，名称：'child1‘}，{ id: 3，名称：'child2’}，{ id: 4，名称：‘root1 2’，子节点：[{ id: 5，name：‘child1 2.1’}，{ id: 6，名称：‘children 2.2’，子：{ id: 7，name：'subsub‘} ]；选项= {}；

1. 运行ng serve命令，直到它完成并在http://localhost:4200中打开您的浏览器。你会在那里看到一棵漂亮的树。