我创建了一个表单,其中包含文本类型的输入和垫滑块以获取数值
// 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 不起作用
我必须在我的网站中使用 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来实现
我有一个具有输出事件的嵌套子组件,我想从父组件监听此事件,但我不知道如何,我有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) 我有一个带有简单 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) 我在 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 但我不知道该怎么做,也不知道在接收空时强制重新协商的最佳做法是什么。
angular ×3
typescript ×2
components ×1
css ×1
events ×1
font-awesome ×1
http ×1
javascript ×1
mat-slider ×1
parent-child ×1
rxjs ×1