小编Anu*_*ara的帖子

Angular 两个按钮提交表单但目的不同

我有一个角反应形式

<form [formGroup]="form" (ngSubmit)="onSubmit()">
Run Code Online (Sandbox Code Playgroud)

我有两个按钮要提交。当用户按下按钮时,我需要执行一个常见的操作,即提交表单,但我还需要区分按钮,因为我需要根据按下的按钮将用户重定向到不同的页面。这是我的两个按钮:

<button name="Previous" type="submit" [disabled]="form.invalid"> Previous</button>
<button name="Next" type="submit" [disabled]="form.invalid">Next</button>
Run Code Online (Sandbox Code Playgroud)

如何在 OnSubmit 事件中知道按下了哪个按钮?

submit-button angular angular-reactive-forms

17
推荐指数
4
解决办法
3万
查看次数

如何在 Angular 和 Jasmine 中进行取消订阅单元测试?

例如,我的组件中有私有类成员

private querySubscription: Subscription;

在我的ngOnDestroy()订阅中取消订阅:

ngOnDestroy(): void { this.querySubscription.unsubscribe(); this.userSettingsSubscription.unsubscribe(); }

如何在茉莉花单元测试中测试我是否确实正确取消订阅?我可以以编程方式调用,ngOnDestory()因为它是公共的,但我无法测试我的私有类成员。

unit-testing observable jasmine angular

5
推荐指数
1
解决办法
7798
查看次数

如何通过角度2中的父组件将自定义(html)模板传递给子组件?

        <grid
            [data]="sortedDeviceList"
            [multiSelect]="false"
            [enableSort]="true"
            [rowTemplate]="">
        </grid>
Run Code Online (Sandbox Code Playgroud)

我想将HTML模板传递给rowTemplate属性.模板看起来像这样.

<div> 
 <div>{{item.id}}</div>
 <div>{{item.name}}</div>
</div>
Run Code Online (Sandbox Code Playgroud)

网格模板看起来像这样.

<div *ngFor="let item in data">
// template should appear here.
</div>
Run Code Online (Sandbox Code Playgroud)

这该怎么做?

angular

4
推荐指数
1
解决办法
7294
查看次数

提交后如何重置角度形式并设置默认值

我的预期结果是在提交表单后重置表单并将其默认值设置为绑定到 formGroup 控件。我试图在提交后通过在表单提交上调用 reset() 将表单重置为其默认数据。请告诉我如何重置日期和时间字段中的默认值。

例子 :

pickupDate = new Date().toISOString().slice(0,10);
pickupTime = moment().format() ;

onSubmit(orderData: Order){
        this.apiService(orderData).subscribe( order => {
                 orderForm.reset()
})
}
Run Code Online (Sandbox Code Playgroud)

请帮忙谢谢

angular angular-forms

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

如何仅以角度第一次从服务器获取数据?

你能告诉我如何只在第一次从服务器获取数据并显示到屏幕上吗?但是如果用户再次来或者组件再次加载它从商店获取数据。我正在使用 redux 和 ngrx 。

我制作了一个示例应用程序,其中有两个按钮home screennew screen主屏幕,我显示来自的列表server。当我单击new screen按钮并返回主屏幕时,它再次服务器并获取数据。我不想再次点击。我想从中获取数据。store我将如何获取它

这是我的代码

(不要在 chrome stackblitz 中打开此链接在 chrome 中有问题)

export class ListComponent implements OnInit {

 products$: Observable<Product[]>;
  constructor(private productService: ProductService,
              private store: Store<fromApp.ProductState>,
              private router : Router
              ) {}

 ngOnInit() {
    this.store.dispatch(new productActions.Load());
    this.products$ = this.store.pipe(select(fromProduct.getProducts))
  }
}
Run Code Online (Sandbox Code Playgroud)

ngrx angular

4
推荐指数
1
解决办法
3074
查看次数

创建嵌套的Component Angular 6

想要在角度6中创建嵌套组件.文件夹结构是src-> app-> content-> 1.home,2.product想要在产品中创建组件.我这样做已经在文件夹产品c:/ users/admin/project/test/src/app/content/product> ng g组件顾问关于cmd

获取错误:位置1122处的JSON中出现意外的令牌/

angular-cli angular

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