小编jua*_*rio的帖子

如何在使用 formGroup 配置的表单中使用 mat-slider?角材料

我创建了一个表单,其中包含文本类型的输入和垫滑块以获取数值

// TS
this.consumptionForm = this.formBuilder.group({
      dailyConsumption: ['', Validators.required],
      cost: [20, Validators.required],
    });

// HTML
<form #form="ngForm" [formGroup]="consumptionForm" novalidate>
     <label>Cost</label>
     <mat-slider formControlName="cost" [min]="10" [max]="1000" >
                </mat-slider>


   <div>
           <mat-form-field [floatLabel]="true">
              <mat-label>Daily Consumption</mat-label>
               <input matInput formControlName="dailyConsumption"/>
           </mat-form-field>
        </div>
 </form>
Run Code Online (Sandbox Code Playgroud)

我希望垫子滑块能够与表单的其余部分结合使用,并且如果无法知道使用哪种方法来使用它。

我发现 formControlName 不起作用

angular-material angular mat-slider

8
推荐指数
1
解决办法
4449
查看次数

使用 Font-awesome all.js 和 all.css 之间有什么区别?

我必须在我的网站中使用 font Awesome,我发现我有 2 种方法来实现 Font Awesome。

我想使用 5.0.1 版本,我意识到使用 ALL.CSS 允许我在 CSS 中的 AFTER 类中使用 Font-awesome,但除此之外我不知道有什么区别,以及每一个的用途以及另一个问题,我什么时候应该同时使用两者。

<link href="https://use.fontawesome.com/releases/v5.0.1/css/all.css" rel="stylesheet">

<script defer src="https://use.fontawesome.com/releases/v5.0.1/js/all.js"></script>
Run Code Online (Sandbox Code Playgroud)

希望用最轻的字体-awesome来实现

css font-awesome

6
推荐指数
1
解决办法
4321
查看次数

如何在Angular 2中将事件从深层嵌套子级传递给父级?

我有一个具有输出事件的嵌套子组件,我想从父组件监听此事件,但我不知道如何,我有4个级别:

我试图将事件从孩子3传递给孩子2,将孩子2传递给孩子并传递给父母,但是我认为这不是最好的方法。

-Parent (From this I want listen the event)
--Child
----Child 2
------Child 3 (This have the Event)
Run Code Online (Sandbox Code Playgroud)

events components parent-child angular

5
推荐指数
2
解决办法
806
查看次数

为什么在 foreach 循环中不能使用 Typescript 中的全局变量?

我有一个带有简单 foreach 循环的属性,在该循环内我想使用全局变量,但收到错误。

当我

创建接收全局值的属性的内部变量,以便能够在循环中使用它

simpleArray = [0,1,2];
simpleArray2 = [0,1,2];

get resume() {
    let localArray = this.simpleArray;
    this.simpleArray2.forEach(function (element, index) {
        console.log(localArray);         // [0,1,2]
        console.log(this.simpleArray);   // return error undefined
    });
    return 'something';
}
Run Code Online (Sandbox Code Playgroud)

javascript typescript

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

如果使用 RJXS 运算符从 http.get Angular 收到空结果,则重试查询

我在 Angular 服务中有一个查询,有时我收到一个空数组,我想在这种情况下强制再次执行查询

let request = this.http.post(this.searchlUrl, payload).pipe(
          retryWhen(errors => errors.pipe(delay(1000), take(2), concat(throwError("Error Data")))), 
          map( res => {
            // If receive res['hotels'] == [] I want to force error
            return res; 
          })
        ).subscribe(res => {
            // Do Something when everything is ok
        }, err => {
            // Do Something on error
        });
      });
Run Code Online (Sandbox Code Playgroud)

如果出现错误,我正在使用 retryWhen 发出新请求(我等待 1 秒)。我的方法是在接收空时强制错误,以便激活 RetryWhen 但我不知道该怎么做,也不知道在接收空时强制重新协商的最佳做法是什么。

http rxjs typescript angular

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