2017-06-22 13 views
-1

2つのhtml要素で構成される要素カスタムディレクティブを作成する必要があります。最初は値がyesまたはnoのラジオボタングループです。 noはデフォルトです。はいをクリックすると、入力テキストフィールドが表示されます。私は、ラジオのデフォルトを維持し、それが入力されていればテキストフィールドの値を得ることができるはずです。2つの動的html要素の角度カスタムディレクティブ

あなたは、例えばplunkerの下に共有スコープとの簡単な指示を確認することができ、参照のためにあなたは、このリンクhttps://docs.angularjs.org/guide/directiveを確認することができますし、私のテンプレートが

<input type="radio" name="myradio" ng-model="myradio" value="Yes">Yes</input> 
<input type="radio" name="myradio" ng-model="myradio" value="No">No</input> 
<input type="text" ng-model="mytext" ng-show="myradio==='Yes'"/> 

以下のような任意のテンプレート

+0

以下plunkerリンクをご覧ください。問題がある場合はここに戻り、コードを投稿してヘルプを入手してください。 – Ero

答えて

1

で私を助けてください例えば、変数 "mytext"から入力テキストの値にアクセスし、変数 "myradio"の値をYesまたはNoに設定してラジオボタンのデフォルト値を設定することができます。この値をコントローラでNoに設定しました。

このディレクティブは、この分離されたスコープを作成することで改善でき、複数回使用することができます。自分でそれを試すことができます。

あなた自身最初にこれを試みるべき

https://plnkr.co/edit/0ZsNelh2DWUwMSRmvgfa?p=preview

関連する問題