Question

我开始发现角度环境我必须安装环境，因为视频告诉我。我添加了第一个组件和第二个组件。我添加了按钮保存，在组件中我添加了这个已包含已停用按钮的代码，4秒后它将处于活动状态

<div class="container">
 <div class="row">
   <div class="col-xs-12">
    <h2>Mes materiels</h2>
     <ul class="list-group">
       <app-materiel></app-materiel>
       <app-materiel></app-materiel>
       <app-materiel></app-materiel>
     </ul>
       <button class="btn btn-primary" [disabled]="!isAuth" >Test Btn</button>
    </div>
   </div>
</div>

然后在 app.component.ts 文件中添加了此代码，我在其中定义了按钮的功能，以便在4秒后激活

import { Component } from '@angular/core';

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
}) 
export class AppComponent {
isAuth=false;
constructor(){
  setTimeout(
    ()=>{
     this.isAuth=true;
   }, 4000
 );
 }
}

我不知道为什么4秒后按钮没有激活？我怎样才能找到有角度的错误？尽管我打开面板检查谷歌铬，没有任何显示我谢谢你帮助我:)）

Answer 1

您需要使用isAuth

的!isAuth内容

`

<div class="container">
 <div class="row">
   <div class="col-xs-12">
    <h2>Mes materiels</h2>
     <ul class="list-group">
       <app-materiel></app-materiel>
       <app-materiel></app-materiel>
       <app-materiel></app-materiel>
     </ul>
       <button class="btn btn-primary" [disabled]="isAuth" >Test Btn</button>
    </div>
   </div>
</div>

`

Answer 2

问题成功解决了。 setTimeout（）构造函数定义应该在同一个compoment.ts中，即如果我们将禁用的按钮放在文件first.compoment.html中，那么激活的定义也必须在第一个。 compoment.ts和程序将运作良好

setTimeout（）后激活按钮

2 个答案: