AngularJS provides ng-disabled for disabling input fields, It wont work for DIV elements. For DIV elements, we have to show another DIV on top of the present div element. The cover DIV won't be have any content and it is transparent. Users can see content through this cover div.

CSS

#myDIV {
    overflow: scroll;
    height: 300px;
    border: 1px solid #ccc;
    margin: 10px;
    width: 300px;
    cursor: pointer;
    position: relative;
}

#cover {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    background-color: #ddd;
    opacity: 0.3;
}

Markup

<button ng-click="disableDIV = true">Disable Below UI</button>
<button ng-click="disableDIV = false">Enable Below UI</button>

<div id="myDIV"> 
    <div id="cover" ng-show="disableDIV"></div>
   div 1<br /> <a href="">link 1</a>
</div>

4 comments:

  1. Disable whole DIV content using angularJS. A question is why and where we can use this angular on such essay review service pages where they always start to show others all what they think is more important and what is more good after using angularJS.

    ReplyDelete
  2. Service https://ca.payforessay.net/custom-essay is really helpful. Due to their help all my writing assignments are completed timely, with no slightest delay. Moreover, all of them are composed according to the accepted standards. As a result, my grades improved significantly. Take care and keep up with the same fantastic writing quality!

    ReplyDelete

Blogroll

Popular Posts