AngularJS - ValueChanges 只有第一次

Question

我正在开发 AngularJS PWA 应用程序（在我的注册组件中有表单）

表格有 3 个步骤：

第 1 步

• 名字
• 姓氏
• 电子邮件
• 密码
• 电话号码

第 2 步

• 示例
• 示例

第 3 步

• 示例
• 示例

当我的用户完成第一步时，我有单选按钮：

 <div class="radio">
        <label><input type="radio" name="step2" formControlName="step2" value="1"> Fortsæt</label>
        <label><input type="radio" name="step2" formControlName="step2" value="2"> Ring mig op</label>
 </div>

代码：

this.rForm.get('step2').valueChanges.subscribe(
    (step2) => {
        // here I have user registration width angularfire2
        this.afAuth.auth.createUserWithEmailAndPassword(email, password).then(function(user) {
    }
});

当用户单击其中一个单选按钮时，此代码将在 firebase 中注册用户，但如果用户再次单击第二个单选按钮，代码将尝试再次注册用户，我的控制台中出现错误（电子邮件已经退出......） .

对此有什么解决方案？我只想注册用户第一次触摸单选按钮。我这里没有使用提交，因为我还有其他字段和步骤。我只想注册用户第一步。

Answer 1

您可以使用first 或take 运算符

import 'rxjs/add/operator/first';

this.rForm.get('step2').valueChanges.first().subscribe(

this.rForm.get('step2').valueChanges.take(1).subscribe(

另见Angular 2 using RxJS - take(1) vs first()