角型2を使用してHTML5で入力タイプを動的に定義する

Question

以下のコードは機能していないようです。 Angular 2でも可能ですか？

<table class="table table-responsive" style="border:0"> 
    <tr *ngFor="#column of columns" style="height:20px;"> 
     <td class="text-right" style="padding-top:10px;border:0"> 
      <h4> {{column | case}}: </h4> 
     </td> 
     <td class="text-center" style="padding-top:10px;border:0"> 
     <input type="{{column == 'created_date' ? date : text}}" class="form-control" /> 
     </td> 
    </tr> 
</table> 

Answer 1

文字列フィールドの入力ミスがあるようです。これにコードを変更します。type変数の値が文字列である必要があります

type="{{column == 'created_date' ? 'date' : 'text'}}" 

ので、あなたはそれ以外の場合は、それらの前後に引用符を配置する必要があり、彼らは、関連するスコープで定義された変数として扱われます。

だから、最終的な出力は次のようになります。

<input type="{{column == 'created_date' ? 'date' : 'text'}}" class="form-control" /> 

Answer 2

これを試してみてください：

<input type="{{column == 'created_date' ? 'date' : 'text'}}" class="form-control" /> 

お知らせ引用符なしの日時

囲む引用符、dateとtimeは、スコープ変数として扱われます。その値（定義されている場合）が使用されます。