title: Disable Input field according to select option value Angularjs
body: <p>In a project, I have a dropdown menu with hard coded values and some input fields.
  I need to disable some of the inputs if a specific value is selected. I tried </p>
  
  <p>This is my code (I have included only the relevant code)</p>
  
  <pre><code>&lt;html ng-app="abc"&gt;
  
    &lt;head&gt;
      &lt;link rel="stylesheet" href="style.css"&gt;
      &lt;script src="script.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
  
    &lt;body ng-controller="abcd"&gt;
          &lt;select ng-model="paperSelection" ng-init="paperSelection='1191'"&gt;
          &lt;option value="1700"&gt;A3 Paper&lt;/option&gt;
          &lt;option value="1191"&gt;A4 Paper&lt;/option&gt;
          &lt;option value="842"&gt;A5 Paper&lt;/option&gt;
          &lt;option value="377.95"&gt;Barcode Sticker 3 in a row&lt;/option&gt;
      &lt;/select&gt;
      &lt;p&gt;Number Of Columns Needed : &lt;input type="number" ng-model="numberOfColumns" placeholder="Number Of Columns" ng-disabled="disableInputs"&gt;&lt;/p&gt;
      &lt;p&gt;Enter the number of Stickers : &lt;input type="number" ng-model="numberOfStickersNeeded" placeholder="Number of Stickers"&gt;&lt;/p&gt;
      &lt;p&gt;Enter Height of the Sticker (in px) : &lt;input type="number" ng-model="heightOfSticker" placeholder="Enter Height" ng-disabled="disableInputs"&gt;&lt;/p&gt;
    &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>This is my relevant script part.</p>
  
  <pre><code>angular.module('abc', []);
  
  controller('abcd', function ($scope) {
  
    if ($scope.paperSelection == 377.95) {
      $scope.disableInputs === true;
    }
    else 
      $scope.disableInputs ===false;
  }
  );
  </code></pre>
  
  <p>This isn't working. I couldn't find out what's the problem with this.</p>
  
  <p>Can anyone please help me with this. </p>