我正在寻找两件事。首先,我想在 AngularJs 中集成一个带有 10 个步骤的向导。我正在使用 ng 样板。然后我想将进度条集成到向导中。对于每一步,进度条都应该更新他的状态。
例如:
1 步 -> 进度条宽度 10% 2 步 -> 进度条宽度 20%
等等...
有没有人知道一个很好的解决方案,或者有人已经在 angularjs 中做过这个。
非常感谢你的回答
我正在寻找两件事。首先,我想在 AngularJs 中集成一个带有 10 个步骤的向导。我正在使用 ng 样板。然后我想将进度条集成到向导中。对于每一步,进度条都应该更新他的状态。
例如:
1 步 -> 进度条宽度 10% 2 步 -> 进度条宽度 20%
等等...
有没有人知道一个很好的解决方案,或者有人已经在 angularjs 中做过这个。
非常感谢你的回答
对于进度条,我建议使用 angularjs-bootstrap
http://angular-ui.github.io/bootstrap/#/progressbar
这是他们的 plunker 的编辑
http://plnkr.co/edit/JNdarF9OUHcK3eRQlhCQ?p=preview
使用 wizard.step 模型作为 progressbar.value
<div class="row">
<div class="col-sm-4"><progressbar value="wizard.step" max="10"></progressbar></div>
<div class="col-sm-4"><progressbar class="progress-striped" max="10" value="wizard.step" type="warning">{{myProgress*10}}%</progressbar></div>
<div class="col-sm-4"><progressbar class="progress-striped active" max="10" value="wizard.step" type="danger"><i>{{myProgress}} / 10</i></progressbar></div>
</div>