小编roc*_*k11的帖子

我正在尝试减小垫高按钮的大小。我以为我可以通过减小文本的大小来减小按钮的大小。但我无能为力。

这是CSS：

button {
    margin-right: 1vw;
    background: #4285F4;
    color: white;
    font-size: 9px;
    height: auto;
    width: auto;
}

和模板：

<button mat-raised-button class="button"><span>Click here to submit</span></button>

我正在制作一个使用 jwt 来验证 db 调用的角度应用程序。但是问题
是当令牌在服务器上过期时，应用程序开始提供空白页而不是数据，因为过期的令牌仍在本地存储中。经过一些研究我发现 jwt2 库可用于跟踪令牌到期时间。然而，即使在使用之后，我也必须刷新页面以重定向到登录页面。我仍然能够在组件内移动。我希望一旦令牌过期，登录页面就会出现或令牌被刷新，即使在组件之间移动时，如果令牌过期，用户应该被重定向到登录页面或令牌应该被刷新。我不知道我还需要做什么。请帮忙。提前致谢。

这是我的授权守卫：

Injectable({
  providedIn: 'root'
})
export class AuthGuard implements CanActivate {

  constructor(private router: Router,private authService:AuthService ){ }

  canActivate(

    next: ActivatedRouteSnapshot,
    state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean {
    if (!(this.authService.isTokenExpired()) ){
      // logged in so return true
      console.log("Logged IN");
      return true;
    }

    // not logged in so redirect to login page with the return url
    this.router.navigate(['/login'], { queryParams: { returnUrl: state.url } });
    return true;
  }
}

这是我的身份验证服务：

 const helper = new …

我的应用程序中有一个基本的滑动切换功能。
我想根据切换是否切换来更改滑动切换的文本。切换按钮时基本上会显示不同的文本。

我尝试使用幻灯片切换的toggleChange() 方法，但重新加载时无法显示该文本。
此外，由于该函数是在切换更改时调用的，因此即使在触发切换事件时切换进入关闭状态，它也会显示文本。我想在切换按钮时更改文本，但仅在单击保存设置按钮时保存切换的文本。我想我必须使用会话或本地存储来存储文本消息

我现在似乎不知道该怎么办。

请帮忙。
提前致谢。

这是我的 ts 代码

export class PolicyComponent implements OnInit {

  formGroup: FormGroup;
  policy3: boolean=false;
  policy4: boolean=false;
  message:string="Message1";
  test:boolean=false;

  disable:boolean=true;
serverData:any
  constructor(
    private formBuilder: FormBuilder,private policyService:PolicyService
  ) { }

  ngOnInit() {


  this.formGroup = this.formBuilder.group({
      Policy1: new FormControl(false, []),
      Policy2: new FormControl(false, [])
  });
  this.policyService.getPolicy().subscribe((response) => {
      this.serverData = response[0];
      if(this.serverData.policy1=="F")
      {
        this.policy3=false;
      }
      else this.policy3=true;

      if(this.serverData.policy2=="F")
      {
        this.policy4=false;
      }
      else this.policy4=true;


      this.formGroup.controls.Policy1.setValue(this.policy3);
      this.formGroup.controls.Policy2.setValue(this.policy4);
  });
  // if(this.formGroup.controls.Policy1.value)
  // {
  //   this.message="Message1";
  // }
  // else …

我正在尝试为 mat-card 提供自定义边框，但我无法这样做。我正在使用 ng-deep 来设置 mat-card 的样式。我能够获得带有边框半径的圆形边框，但没有可见的彩色边框.我不知道我错过了什么。请帮忙。提前致谢。

下面是我的css：

 ::ng-deep .mat-card{

    border: 55px !important;
    border-radius: 30px !important;
    border: #000 !important;
   }

我正在阅读 mat-steps 并想知道是否可以在窗口上显示所有 mat 步骤。默认情况下，您必须单击图标，然后才会出现相应的步骤。我希望所有步骤都可见。这可能吗？在此先感谢您的帮助。

我在 primeng Turbo 表中使用下拉列表。我有一个由两个数组组成的数组，它们形成下拉菜单的选项。我希望第一个选项位于表格的第一行，第二个选项位于表格的第二行。我尝试使用ngFor但在表格的所有行中都出现了两个下拉列表，其中包含两组选项。

这是我的 ts 代码：

arr1.push({label: "id", value: "1"});
arr2.push({label: "id", value: "2"});
masterArr.push(arr1);
masterArr.push(arr2);

这是我的模板：

<ng-template pTemplate="body" let-rowData let-expanded="expanded" let-columns="columns">

            <td>{{rowData.name}}</td>
            <td>{{rowData.rollNo}}</td>

            <td>
                <p-dropdown *ngFor="let s of masterArr,let i = index" [options]="masterArr[i]" ></p-dropdown>
            </td>

        </tr>
    </ng-template>

StackBlitz：https://stackblitz.com/edit/p-table-primeng-v6-tq33vs

我创建了一个包含 4 到 5 个字段的学生表单。对于联系电话，我有 2 个字段，国家代码和电话号码。如果用户只输入两个字段之一，即输入了国家代码但电话号码不是，反之亦然，我想抛出错误。但是，如果两个字段都为空，则它是有效的，因为它们都是非必填字段。我不知道我怎么能做到这一点。请帮忙。提前致谢。

这是我的模板：

<mat-form-field >
<input matInput type="number"   formControlName="countryCode" placeholder="Country Code(+)" name="countryCode" class="form-control" id="countryCode">
</mat-form-field>
<mat-form-field >
<input matInput type="number" formControlName="phnNumber" placeholder="Phone Number" name="phnNumber" class="form-control" id="phnNumber">
</mat-form-field>

我的表单组：

this.addForm = this.formBuilder.group({

      studentName: ['', Validators.required],
      phnNumber: new FormControl(''),
      countryCode: new FormControl(''),
    });

我正在尝试打开在 Docker 容器内创建的 pdf 文件。我尝试使用 xdg-open 和 Firefox，但出现以下错误：

 www-browser: not found
 links2: not found
 elinks: not found
 links: not found
 lynx: not found
 w3m: not found
 xdg-open: no method available for opening '1.pdf'

我不知道该怎么办。请帮忙。