~Linux、MySQLからAJAXまでAngular2のNgForを使ってラジオボタン、selectメニューを作成NgForを使ってラジオボタン、selectメニューを生成するサンプルを作成しました。※Angular2の2.0.0版、TypeScriptを使って確認したものです。(デモはv4.4.3、v2.0.0で動作確認)※ラジオボタンの作成についてはこちらの記事も参照。※目次をクリックすると目次の下部にコンテンツが表示されます。1.ラジオボタン2.selectメニュー3.デモラジオボタンコンポーネント内にラジオボタンに表示するラベル名と値を定義し、NgForを使ってラジオボタンを生成するサンプルを作成しました。ラジオボタンで県名を選択すると、各県の詳細情報を保持する配列データから、選択した県と同じインデックスを持つデータを選択し、リストで表示しています。index;”>・NgForディレクティブで県の情報を保持する配列からデータを取得。・・・>{{item.name}}・上記1から取得した配列データからradioボタンを表示3(change)=”changePref(idx)”・イベントバインディング・ユーザーのチェック動作を”change”イベントで検知し、配列のインデックス番号を引数として”changePref”関数をコール。PREFDETAILS[index].id)を変数に割当て。item.id”・プロパティバインディング・”selectedId変数”が対象ラジオボタンのデータのIDと等しい場合、”checked”属性をtrueにする。};selectメニューAngular1ではngOptionsを使ってselectメニューを作成しましたが、Angular2ではNgForを使って記述できます。以下のプロパティバインディングの記述は、Chromeの場合は記述しなくても選択した値がテンプレートに反映されましたが、Firefoxの場合は反映されなかったので記述してあります。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。