Angular 模板2中的绑定索引

我需要一个以2开头的计数器
如何链接[mdDatepicker]、[mdDatepickerToggle]、#下一次付款u

付款{{i+2}

您可以为控件定义子组件，并将i值作为属性传递。这样，您仍然可以使用本地模板变量#next_payment，并为[mdDatepicker]、[mdDatepickerToggle]引用它

HTML

专利组件：

  <div *ngFor="let payment of productForm.controls.next_payment.controls; let i=index" class="panel panel-default">
     <div class="panel-heading">
        <span>Payment {{i+2}}</span>
        <span class="glyphicon glyphicon-remove pull-right" 
               *ngIf="productForm.controls.next_payment.controls.length > 1" 
               (click)="removeNextPayment(index)"></span>
      </div>
      <my-payement-component [index]=i+2><my-payement-component>
  </div>

<div class="panel-body" [formGroupName]="index">
    <div class="form-group col-md-4">
        <md-input-container>
            <input mdInput [mdDatepicker]="next_payment" [ngModel]="npd | date:'yyyy-MM-dd'" (ngModelChange)="npd = $event" placeholder="Date {{index}}"
                formControlName="next_payment_date" id="next_payment_date">
            <button mdSuffix [mdDatepickerToggle]="next_payment"></button>
        </md-input-container>
        <md-datepicker #next_payment></md-datepicker>
    </div>
</div>

我无法测试此代码，但我希望您能理解

---

有什么问题？实际的行为是什么？预期的行为是什么？可能重复的为什么你不能让i=index+2？@Fill，你找到解决方案了吗？@Vega我想他没有我认为

mdDatepickerToggle

指令应该以

MdDatePicker

为例（

#next\u payment\u 2

）但你们把绳子递给它，我没时间了。我想我们根本不需要这里的

I+2

，非常感谢@yurzui的回复和时间：）它在实际代码中所需要的唯一位置是：'placeholder=“Date{{index}}”，但OP可能需要它用于其他目的，他会在之后添加？是的，我同意，@Fill可以更礼貌一些，给我们更多信息。我个人更喜欢准备好的扑克牌：）

.....
@Input() index: number;