angular stepIndex向导如何更改angular

Question

角度拱门向导如何更改步骤索引我在同一页上使用两个表单如何更改步骤索引以便我可以转到该特定步骤角度拱门向导如何更改步骤索引我正在同一页上使用两个表单如何更改步骤索引以便我可以转到该特定步骤

<aw-wizard >
    <aw-wizard-step  >
        <form role="form" >
            <div >
                <label class="text-left">Enter Email or Mobile to Login</label>
                <input class="form-control" placeholder="enter email and phone number" type="text" >
            </div>
            <div class="text-center">
                <button  type="submit"  >Next</button>
            </div>
        </form>
    </aw-wizard-step>
    <aw-wizard-step >
        <form role="form" >
            <div class="first-s" id="phone">
                <div class="form-group mt-3">
                    <label class="text-left">Enter Verification Code</label>
                    <input  class="form-control" placeholder="code" type="text" value="">
                </div>
                <div class="text-center">
                    <button  type="submit" >Login</button>
                </div>
            </div>
        </form>
    </aw-wizard-step>
    <aw-wizard-step>
        <form role="form" >
            <div class="second-s" >
                <div class="form-group mt-3">
                    <label class="text-left">Enter Password</label>
                    <input  class="form-control" placeholder="Password" type="password" value="">
                </div>
                <button  type="submit">Login</button>
            </div>
        </form>
    </aw-wizard-step>
</aw-wizard>

Answer 1

首先，您必须使用stepId为每个步骤定义一个唯一的Id，然后在要执行跳转操作的位置使用awGoToStep = "{stepId: stepId}“