angular-cli 相关问题

解析时：@angular-eslint/[email protected] 发现：@angular/[email protected] 节点模块/@angular/cli 来自@angular-extensions/[email protected] 的同行@angular/cli@"^10.0.0" 节点模块/@angular-

npm dependency-injection angular-cli npm-install package.json

回答 2 投票 0

从模块执行模块或库时如何处理 Angular 警告“花费的时间超过 2417 毫秒”？

angular angular-cli warnings ngx-bootstrap angular-module

回答 0 投票 0

安装包时无法解决对等依赖性

我制作了一个带有几个包的 Angular 9 库，但是每当我运行 npm install 时，其中一个外部包会抛出以下错误“无法解析对等依赖@angular/common@”...

angular npm dependencies angular-cli txtextcontrol

回答 1 投票 0

Angular 6 - 多个子组件应该属于同一个实例

我简化了我的问题：一些项目我简化了我的问题： <div *ngIf="layout1" class="layout1"> <div class="sidebar-layout1"> some items </div> <child-component [something]="sth"></child-component> </div> <div *ngIf="!layout1" class="layout2"> <child-component [something]="sth"> <p>some content...</p> </child-component> </div> 我有一个父组件，它有可能是普通布局（layout1）和全屏布局（layout2）（在全屏模式下，子组件应该是全屏的）。问题是，当我用 *ngIf 改变布局时，子组件被销毁并生成一个新的。我想要相同的实例并且不要丢失子组件的重要信息并避免一些 api 调用。有什么方法可以实现子组件不会被破坏，或者有比 ngIf 更好的方法吗？我只需要一个子组件实例用于父组件中的不同布局。您可能已经注意到，如果您使用 *ngIf 隐藏元素，则会创建一个新组件。这是我们将尝试关注并尽量避免创建新组件的内容。为此，我们可以使用“切换器布局”并将子组件作为内容传递 <app-layout-switcher [layout1]="layout1"> <ng-container> <child-component *ngIf="sth$ | async as sth; else loading" [something]="sth" > <p>some content...</p> </child-component> <ng-template #loading> <h1>Loading...</h1> </ng-template> </ng-container> </app-layout-switcher> 我添加了一个模拟 http 调用来显示加载。在我们的app-layout-switcher组件中，我们可以根据需要在布局之间切换。我们会将 child-component 传递到模板中，以便能够在布局中重用它 <div *ngIf="layout1"> <app-layout-1> <ng-template [ngTemplateOutlet]="childComponent"></ng-template> </app-layout-1> </div> <div *ngIf="!layout1"> <app-layout-2> <ng-template [ngTemplateOutlet]="childComponent"></ng-template> </app-layout-2> </div> <ng-template #childComponent> <ng-content></ng-content> </ng-template> 现在我们可以在布局中使用模板 <header> <h1>Layout 1</h1> </header> <main> Contents in Layout 1 <div> <ng-content></ng-content> </div> </main> <footer>Layout 1 Footer</footer> 我们现在只使用组件的一个实例。为了确认这一点，我在演示中添加了一个文本字段。您会注意到切换布局时数据会保留看这个演示使用[hidden]属性代替反向逻辑，它将防止元素被破坏。 <div [hidden]="!layout1" class="layout1"> ... </div> <div [hidden]="layout1" class="layout2"> ... </div> 我 hidden 只是通过更改显示样式隐藏/显示带有 css 的 DOM 元素您可以通过几个步骤实现：使用此命令创建服务： ng generate service data-passing 在该服务中定义两个变量来保存每个组件的数据： import {Injectable} from '@angular/core'; @Injectable({ providedIn: 'root', }) export class DataPassingService { public firstComponentData; public secondComponentData; constructor() { } } 在您的组件中使用服务： import {DataPassingService} from '...'; ... constructor(public dataPassingService: DataPassingService) { } 将每个组件数据存储在相对变量中： setDate(first, second) { this.dataPassingService.firstComponentData = first; this.dataPassingService.secondComponentData = second; } 像以前一样使用*ngIf来控制组件可见性： <div *ngIf="layout1" class="layout1"> <div class="sidebar-layout1"> some items </div> <child-component [something]="dataPassingService.firstComponentData"></child-component> </div> <div *ngIf="!layout1" class="layout2"> <child-component [something]="dataPassingService.secondComponentData"> <p>some content...</p> </child-component> </div> 因为你想在两种不同的布局中显示相同/不同的细节：实现秋田商店的状态管理 https://datorama.github.io/akita/docs/store 从父组件本身的服务中获取所需的所有数据。将从服务接收到的数据更新到商店中。通过在两种布局中使用查询来订阅商店。更新用户在店内所做的最新更新

angular typescript components angular-cli directive

回答 4 投票 0

我可以合并两个不同的角度版本项目吗？

我在 youtube 上关注了一个有角度的电子商务项目，我想将它与需要我安装 json-server 的角度登录项目合并，当我输入 npm 安装 json 服务器我收到这个错误 n...

angular angular-cli json-server

回答 0 投票 0

ng 配置-g cli.defaultCollection @schematics/[email protected] 错误

当我试图解决相同的问题时，我设置了这个 cmonnad **ng 配置-g cli.defaultCollection @schematics/[email protected] ** 当我尝试使用 ng new my-app 创建一个新项目时，我看到了这个

angular npm frontend angular-cli config

回答 0 投票 0

如何解决这个错误：“Error: node_modules/@angular/core/index.d.ts:X:X - error NG1010: Value”

每当我在命令提示符下使用 ng serve -o 运行我的角度项目文件时，它都会出错。这是我观察到的错误：错误：node_modules/@angular/core/index.d.ts:5501:22 - 错误 ...

node.js angular angular-cli

回答 1 投票 0

安装 ng add @ng-bootstrap/ng-bootstrap 时出错

将 ng-bootstrap 安装到我的 Angular-CLI(11.0.4) 时出现错误。什么时候 ng 添加@ng-bootstrap/ng-bootstrap 还有我的日志文件 [错误] 错误：npm ERR！代码 ERESOLVE 错误！ ERESOLVE 无法

angular npm terminal angular-cli ng-bootstrap

回答 9 投票 0

Maven项目报错：[ERROR]命令执行失败。 org.apache.commons.exec.ExecuteException：进程因错误退出：3（退出值：3）

我确定我没有使用 VPN，我确定我为这个项目安装了正确版本的 node.js、NPM 和 angular，但我仍然遇到错误。月食：2021 年 9 月 JDK 1.8 不……

node.js maven angular-cli npm-install ng-build

回答 0 投票 0

如何在 Angular 14 中传递并使用自定义命令行标志

目前，我正在使用以下命令运行我的角度应用程序。 ng serve -ssl true --host test.com 在 https://test.com:4200 上运行应用程序接下来，我正在寻找如何传递自定义标志/

angular angular-cli

回答 1 投票 0

ng build --watch 删除dist里面的项目目录

我的应用程序有两个库：联系我们和关于我们。 Contact-us 与我的应用程序完美链接，但是当我使用相同的方法链接 about-us 时，出现一些错误！我做了什么来链接...

ionic-framework angular-cli ng-build npm-link

回答 1 投票 0

“compilation”参数必须是 Compilation 的一个实例

在我的 Angular 12.0.2 项目上运行“ng build”时出现此错误 ./src/polyfills.ts - 错误：模块构建失败（来自 ./node_modules/@ngtools/webpack/src/ivy/index.js）：类型错误：'

angular-cli

回答 12 投票 0

angular-cli 相关问题

最新问题