2017-09-21 6 views
5

テンプレートドフォームですべてのコントロールを無効にする方法。フォームのタイプコピーのすべてのコントロールを無効にする

試した解決策。

ファイルセットを使用し、それに[無効]を設定します。これはIE 9以降では機能しません。 はまた、フィールドセットを使用して、入力が

<button class="icon-btn pull-right addNewBtn" type="button" title="Add New " data-toggle="modal" id="Btn" data-backdrop="false"><i (click)="Person(Code)" class="fa fa-user-plus"></i></button> 

    <p-radioButton name="type" value="I" label="Inc" [(ngModel)]="type"></p-radioButton> 

を無効にされていないソリューションはまた、ここで働いていなかったように私は、フォーム・グループを持っていません。

私を知ってみましょうあなたは、あなたの入力のそれぞれは、それのために何を意味するのか、「無効」を理解していることを確認する必要がありますAngularJS 2

+0

つまり、11+で動作するかどうかは、ie11以下で確認できますが、使用率もすべてのブラウザの0.1%にすぎません。あなたにとって本当に問題が残っている場合は、フィールドセットのラジオでも、次のようないくつかのワークアラウンドがあります。https://stackoverflow.com/questions/24119329/fieldset-and-disabling-all-child-inputs-work-around-for-ie – Doomenik

+0

ボタンは無効になっていません。 – user630209

答えて

0

の他の解決策はあります。通常のhtmlボタンのような無効なプロパティを持つhtml要素の中には、[disabled] = "condition"に反応するものがあります。しかし、p-radioButtonのような独自の要素では、特定の「無効」なスタイリングを設定し、p-radioButtonの部分(例えば周囲のdiv)が無効になっても転送されないイベントを転送しないようにする必要があります。次に、ngClassを使用して、disabled条件が真であるすべての入力に対してdisabledプロパティを設定できます。

関連する問題