主页 / 问题

问题[angular]

Martin Hope
CriticalError
Asked: 2024-03-25 16:57:09 +0000 UTC
  • 6

如果我通过ngserve运行我的项目，那么一切正常，但是如果我构建它并将其发布到 github 页面上，那么由于某种原因会出现以下问题 - 如果我进入主页，那么一切都很好，但是如果然后我转到任何选项卡，然后按 F5，页面重新加载并出现 404 错误，如果我想立即打开选项卡，绕过主页，也会发生同样的情况。

  1. github 链接：https://github.com/Drobovik04/KrRPI（源代码在 dev 中）
  2. github 页面链接https://drobovik04.github.io/KrRPI/

我以前从未使用过 Angular（也没有使用过前端框架），所以如果这个问题很愚蠢，我深表歉意。

angular
Martin Hope
Alexander Kozlov
Asked: 2023-12-11 16:52:55 +0000 UTC
  • 5

在 Angular 15 应用程序中，有多个组件同时调用服务方法（调用后端的其余部分）。服务本身立即检查所需的数据是否已在内部缓存中，如果没有，则调用端点并缓存结果。它看起来像这样：

export class CryptoMarketService implements MarketService {
   private _activeOrdersCache: Cache<Array<Order>> = new Cache<Array<Order>>();
   ...
    getActiveOrders(): Observable<Array<Order>> {   // тут нужен synchronized метода
       if (this._activeOrdersCache.hasCache()) {
           return of(this._activeOrdersCache.get());
       }

       return this.httpClient.get('/market/orders/active')
        .pipe(
            map((res: any) => {
                return Order.fromJsonArray(res);
            }),
            tap((activeOrders: Array<Order>) => {
                this._activeOrdersCache.set(activeOrders, 5, TimeUnit.MINUTES);
            })
        );
}

问题在于，组件同时调用此方法，因此，两个组件都会立即实际调用端点后端，绕过缓存，然后写入缓存。告诉我，是否可以以某种方式同步此方法，以便当一个线程处理该方法时，第二个线程等待，然后才进入并从本地缓存接收数据？

angular
Martin Hope
Neomaster
Asked: 2023-10-11 11:11:22 +0000 UTC
  • 5

将 Telerik 更新至版本 14。

此后，尽管显示了 svg 图标，但不再显示图标。可能是什么问题呢？在此之前一切正常。也许是我没有的字体或许可证？

浏览器的“元素”选项卡中缺少 .k-i-... 样式。

<button (click)="refresh()">
  <kendo-icon name="refresh"/>
</button>

包.json

"dependencies": {
    "@angular/animations": "^16.2.8",
    "@angular/common": "^16.2.8",
    "@angular/compiler": "^16.2.8",
    "@angular/core": "^16.2.8",
    "@angular/forms": "^16.2.8",
    "@angular/platform-browser": "^16.2.8",
    "@angular/platform-browser-dynamic": "^16.2.8",
    "@angular/router": "^16.2.8",
    "@apollo/client": "^3.8.5",
    "@auth0/angular-jwt": "^5.1.2",
    "@ngrx/effects": "^16.3.0",
    "@ngrx/eslint-plugin": "^16.3.0",
    "@ngrx/store": "^16.3.0",
    "@ngx-translate/core": "^15.0.0",
    "@ngx-translate/http-loader": "^8.0.0",
    "@progress/kendo-angular-buttons": "^14.0.0",
    "@progress/kendo-angular-dateinputs": "^14.0.0",
    "@progress/kendo-angular-dialog": "^14.0.0",
    "@progress/kendo-angular-dropdowns": "^14.0.0",
    "@progress/kendo-angular-grid": "^14.0.0",
    "@progress/kendo-angular-icons": "^14.0.0",
    "@progress/kendo-angular-indicators": "^14.0.0",
    "@progress/kendo-angular-inputs": "^14.0.0",
    "@progress/kendo-angular-layout": "^14.0.0",
    "@progress/kendo-angular-menu": "^14.0.0",
    "@progress/kendo-angular-navigation": "^14.0.0",
    "@progress/kendo-angular-notification": "^14.0.0",
    "@progress/kendo-angular-treeview": "^14.0.0",
    "@progress/kendo-data-query": "^1.7.0",
    "@progress/kendo-theme-fluent": "^7.0.1",

角度.ts

"styles": [
  {
    "input": "node_modules/@progress/kendo-theme-fluent/dist/all.css"
  },
  "src/styles.less",
  "src/kendo.less",
  "src/assets/fonts/OpenSans/open-sans.css",
  "node_modules/bootstrap/dist/css/bootstrap.min.css"
],
angular
Martin Hope
Neomaster
Asked: 2023-09-27 06:49:11 +0000 UTC
  • 5

角度，NgRx。如何使枚举在浏览器控制台中显示为字符串而不是数字？

可用的：

serverStatus: ServerStatus
enum ServerStatus {
  Connected,
  ...
}

我是这样理解的

{serverStatus: 0}

它需要像这样

{serverStatus: Connected}

是否有某种全球环境可以做到这一点？ServerStatus[serverStatus] 选项不感兴趣，因为 需要为整个应用程序进行配置

在此输入图像描述

angular
Martin Hope
M. Izudinov
Asked: 2023-09-22 03:48:25 +0000 UTC
  • 5

我有一条这样的路径：

site.ru/one/two

我手动去的，即使用routerLink等。现在，当我调用该方法时，我想在单击时向上两级：

this.router.navigate(['../..'], {relativeTo: this.route})

我正确地进行并最终得到：

site.ru

但有一个细微差别，当我按照这条路径将其复制并粘贴到浏览器的地址栏中，然后尝试通过调用导航方法向上两级时，导航会发生到上一页，而不是更高两级相对于当前路线，就像我调用 window.history.back() 一样。

也许这个方法 this.router.navigate() 的工作原理完全一样 - 我不知道。因此，我请求帮助解决此案。

angular