小编Jos*_*ven的帖子

如何刷新角度2的页面

我创建了一个路由器链接,如下所示.此路由器链接加载ProductsStartComponent,然后此组件使用ngif而不是通过导航加载其他几个组件.由于以下产品类别链接在所有页面中都可见,所以如果我在到达ngif的某个组件后点击此链接,这不会让我重新开始ProductsStartComponent.

由于我是Angular的新手,我对这种行为的理解是因为所有的值/模型都已设置,这就是为什么它不能导航.我想这可以通过刷新或重新加载页面来实现,但是如何实现.请指教.

在admin.component.html中,定义了路由器链接以进行单击.
回报

<li routerLinkActive="active"><a routerLink="categories"><p>Products Categories</p></a></li>
Run Code Online (Sandbox Code Playgroud)

回报

在app-routing.module.ts中,单击路由器链接时需要加载哪个组件

const appRoutes: Routes = [
{path: 'admin', component: AdminComponent, children: [
    { path: 'dashboard', component: AdminDashboardComponent },
    { path: 'sellers', component: AdminSellersComponent },
    { path: 'categories', component: ProductsStartComponent}
]}]
Run Code Online (Sandbox Code Playgroud)

在product-start.component.html中,首次单击路由器链接时会加载它.现在,如果我点击编辑按钮并移动到其他组件,如果我点击产品类别路由器链接再次,没有任何反应,我希望它重置页面.

<div>
    <div *ngIf="!isChildProductClicked; else notClicked" >
       <app-admin-products (productId)="received($event)"></app-admin-products>
    </div>
    <ng-template #notClicked><app-child-products [selProdIndex]=productIndex></app-child-products></ng-template>
</div>
Run Code Online (Sandbox Code Playgroud)

angular-ui-router angular

22
推荐指数
4
解决办法
6万
查看次数

MinIO 签名不匹配

我已在 EKS 中的反向代理后面设置了 MinIO。在 MinIO 更新到RELEASE.2021-11-03T03-36-36Z. mc现在,当我尝试使用命令行实用程序访问我的 MinIO 存储桶时,出现以下错误:mc: <ERROR> Unable to list folder. The request signature we calculated does not match the signature you provided. Check your key and signing method.

mc版本是RELEASE.2021-11-16T20-37-36Z. 当我将 MinIO 容器端口转发到本地主机并在浏览器中访问它时,http://localhost:9001我可以访问它,但我无法再登录。我收到错误:

无效登录,403 禁止`。这可以在我的 MinIO 容器中看到

它还记录以下内容:

API: SYSTEM()
Time: 03:19:57 UTC 11/23/2021
DeploymentID: 60a8ed7a-7448-4a3d-9220-ff823facd54e
Error: The request signature we calculated does not match the signature you provided. Check your key and signing method. (*errors.errorString)
       requestHeaders={"method":"POST","reqURI":"/minio/admin/v3/update?updateURL=","header":{"Authorization":["AWS4-HMAC-SHA256 Credential=<credential-scrubbed>/20211123//s3/aws4_request, …
Run Code Online (Sandbox Code Playgroud)

reverse-proxy minio amazon-eks

5
推荐指数
0
解决办法
1753
查看次数

Angular Material Table错误:无法绑定到'mdHeaderRowDef',因为它不是'md-header-row'的已知属性

我正在尝试将CDK数据表转换为Material Design样式的数据表(请参阅:https://material.angular.io/components/table/overview),但是当我将cdk前缀更改为md时,我得到以下错误...


未捕获错误:模板解析错误:无法绑定到'mdHeaderRowDef',因为它不是'md-header-row'的已知属性.1.如果'md-header-row'是一个Angular组件并且它有'mdHeaderRowDef'输入,那么请验证它是否是该模块的一部分.2.如果'md-header-row'是Web组件,则将'CUSTOM_ELEMENTS_SCHEMA'添加到此组件的'@NgModule.schemas'以禁止显示此消息.3.要允许任何属性将"NO_ERRORS_SCHEMA"添加到此组件的"@NgModule.schemas".


我在网上发现的每个答案都告诉我,我需要导入CdkTableModule,但我已经这样做了&cdk表工作得很好.

import {Component, OnInit, ViewChild} from '@angular/core';
import {DataSource} from '@angular/cdk';
import { CdkTableModule } from '@angular/cdk';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/of';
import 'rxjs/add/operator/first';
import 'rxjs/add/operator/startWith';
import 'rxjs/add/operator/catch';
import 'rxjs/add/operator/switchMap';
import 'rxjs/add/observable/merge';
import 'rxjs/add/observable/of';
import 'rxjs/add/observable/interval';
import 'rxjs/add/operator/map';
Run Code Online (Sandbox Code Playgroud)

我正在导入CdkTableModule,当我使用cdk前缀时,表格按预期显示...

<md-table [dataSource]="dataSource">

  <ng-container cdkColumnDef="number">
    <md-header-cell *cdkHeaderCellDef> number </md-header-cell>
    <md-cell *cdkCellDef="let element"><a routerLink="{{element.number}}"> {{element.number}} </a></md-cell>
  </ng-container>

  <ng-container cdkColumnDef="book">
    <md-header-cell *cdkHeaderCellDef> book </md-header-cell>
    <md-cell *cdkCellDef="let element"> {{element.book}} </md-cell>
  </ng-container>

  <md-header-row *cdkHeaderRowDef="['number', 'book']"></md-header-row>
  <md-row …
Run Code Online (Sandbox Code Playgroud)

angular-material angular-datatables angular-material2 angular angular-cdk

1
推荐指数
2
解决办法
2万
查看次数