title: AngularJS - ng-disabled not working with Chosen select dropdown
body: <p>I am using Chosen JQuery plugin in my angular view to show parent/child dropdowns. Actually I want to enable the child chosen dropdown based on the parent chosen dropdown. Also, on page load I am disabling the child dropdown using ng-disabled by checking parent dropdown value and when the user selects some value in parent dropdown then I need to enable the child dropdown but its not working. Please see the html code below:</p>
  
  <p>Parent Chosen dropdown:</p>
  
  <pre><code> &lt;select class="input-large chosen-select" ng-model="serviceProvider" data-placeholder="Select Service Provider" ng-options="option as option.name for option in serviceProviders | orderBy:'name'"&gt;  &lt;option value=""&gt;&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Child Chosen dropdown:</p>
  
  <pre><code>&lt;select class="input-large chosen-select" ng-model="task" data-placeholder="Select Task" ng-options="s.id as s.name for s in tasks | orderBy:'name'" ng-disabled="serviceProvider == undefined"&gt;  &lt;option value=""&gt;&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p><strong>Note:</strong> When I user normal html select dropdown the above code works fine and I am having this issue only with chosen child dropdown.</p>