イオン2ダイナミックフォーム入力

Question

答えはすでにこの質問にあります：イオン1の場合は"Add More" button for generating dynamic form inputs using ionic framework?ですが、イオン2の場合は解決策を探していますが、最初の入力にはマイナスボタンが表示されます。

Answer 1

.tsファイルにこれらのダイナミックアイテムを作成すると仮定して、最初のインスタンスで非表示にする要素に* ngIfを追加しないのはなぜですか？この作品のようなものはありますか？

<div *ngFor="let number of items; let $i = index"> 
    <!-- content here--> 
    <button 
    class="button" 
    *ngIf="!$i = 1" 
    ion-button 
    clear 
    large 
    (click)="remove();"> 
    </button> 
</div> 

あなたがngStyleを行うと、表示は適用できない場合：なしを同じように、または単に最初のボタンを含まないために、あなたのスタイルを変更します。ここ

.button:first-of-type { display: none } 

Answer 2

[OK]を、それがそうであるように、あなたがこれを行うことができ、他の方法も

まずカウントダイナミック入力のための配列を作る..です

例えば..

myinputs = []; 

テンプレートをこのように準備します。

<div *ngFor="let item of myinputs"> 
<ion-input [(ngModel)]="item"> 
</div> 
<button ion-button (tap)="addinput()">add input</button> 
<button ion-button (tap)="result()">result</button> 

は今、あなたがionic2にしようとしたことは何か少しaddinputアクション

addinput(){ 
// for now you can push empty string 
this.myinputs.push("") 
} 
/// you can simply console out to see the result 
result(){ 
    console.log('result',this.myinputs) 
}