角度jsでDivを無効にする方法

Question

私は試しましたが、フィールドセットを使用していましたが、無効な入力フィールドと残りのドロップダウンは無効になっていません。私の質問のための解決策はありますか？私はあなたがやろうとしていると思う何

Answer 1

問題

はdiv要素に条件を配置することであり、その条件が真であるとき、あなたはdiv要素とすべての子要素を無効にしたいです。

無効としてあなたは、このようng-disabledを使用してdiv要素をマークすることができます

<div ng-disabled="expression"> 
    <input type="text"> <!-- Won't be disabled! --> 
    <select> <!-- Also won't be disabled! --> 
     <option value="1">option 1</option> 
    </select> 
</div> 

しかし、子要素に伝播しないこと。

はNG-無効にここのためのDOCOを参照してください：あなたは無効にしたいdiv要素内の各子要素にng-disabled属性を追加する必要がありますhttps://docs.angularjs.org/api/ng/directive/ngDisabled

ソリューション

。 divの上ng-disabled属性を維持

<div> 
    <input type="text" ng-disabled="expression"> 
    <select ng-disabled="expression"> 
     <option value="1">option 1</option> 
    </select> 
</div> 

エクストラ

は、しかし、それは便利なCSSセレクタとして使用することができ、子要素を無効にする必要ないです。

たとえば、無効になっているdiv全体の不透明度を設定することができます。このCSS

div.special-div[disabled] { 
    opacity: 0.5; 
} 

Answer 2

これを試すを使用

<div class="special-div" ng-disabled="expression"> 
    <input type="text" ng-disabled="expression"> 
    <select ng-disabled="expression"> 
     <option value="1">option 1</option> 
    </select> 
</div> 

、

のdocument.getElementById（ "yourDivID"）style.pointerEvents = "なし"。例については

---

：

<div id="myDiv"> <h1>This is my division</h1> </div>

その後のコードは以下のようになります：

document.getElementById("myDiv").style.pointerEvents = "none";