问题与办法
ng
命令时发生错误
执行 如执行创建组件命令ng generate component product-alerts
时,提示在此系统上禁止运行脚本。有关详细信息,请参阅...
- win10 搜索
Windows PowerShell
- 选择 管理员身份运行
- 输入
set-ExecutionPolicy RemoteSigned
- 在输出的选择中输入
A
即可
CLI生成的项目结构说明
详见这一章
angular-app 应用名称
-src
--app 应用程序的组件文件,**新组件会添加到此目录中**
---app.component.ts描述 app-root 组件的源文件。这是应用程序中的顶级 Angular 组件
---app.component.css 是这个组件的样式表
--assets 包含应用程序要用到的图像
--favicon.ico 是应用程序的图标
--index.html 是应用程序的顶级 HTML 模板。
--main.server.ts
--main.ts 是应用程序开始运行的地方
--styles.scss 是应用程序的顶级样式
-.angular 包含构建 Angular 应用程序时所需的文件
-.e2e 包含用于测试应用程序的文件
-.node_modules 包含应用程序使用的 node.js 包
-angular.json 将向应用程序构建工具描述 Angular 应用程序
-package.json 被 npm(Node 包管理器)用来运行已完成的应用程序
-tsconfig.*是向 TypeScript 编译器描述应用程序配置的文件
在指定目录生成组件
CLI 生成的项目结构默认没有组件专有的目录(app),且默认创建组件的命令是在app
目录下创建,即想要在自定义components
下统一创建公共的组件,该怎么用?
ng generate component components/xx
等同于ng g c compoents/xx
,此时在目录app
下就同时创建了components
目录与xx
组件文件
但是在这一章中写道app
目录就是Angular 应用程序的组件文件,所以按编码所需而定吧
简写命令集合
ng generate component [xx]
等同于ng g c [xx]
ngForOf
等Angular指令和管道
不能绑定报错Can't bind to 'ngForOf' since it isn't a known property of...
//新增如下代码
import { CommonModule } from '@angular/common';
@Component({
imports: [CommonModule],
})