title: set dragable false for particular div in angular js with ionic
body: <p>This is used for match the following option.
  While I drag the div id 'div2' along with this first div id 'div1' also to be dragged. how to set draggable false for div id 'div1'</p>
  
  <hr>
  
  <pre><code>.controller('BEGINNER_UNIT_1_CONVERSATION_ACTIVITY_2', function($scope, $stateParams, $http) 
  {   
      $scope.OnDropComplete = function (index, source) 
      {
          var otherObj = $scope.category_Question[index];
          var otherIndex = $scope.category_Question.indexOf(source);
          $scope.category_Question[index] = source;
          $scope.category_Question[otherIndex] = otherObj;
      }         
  })    
  --------------------------------------------------------
  &lt;div ng-repeat="source in category_Question" ng-controller="BEGINNER_UNIT_1_CONVERSATION_ACTIVITY_2"  &gt;
        &lt;div class="card" id="div1" draggable="false"&gt;
          &lt;div class="item item-divider"&gt;{{ $index+1 }}.Sentence &lt;/div&gt;
          &lt;div class="item item-text-wrap" style="color:#CC0066;font-weight:bold;"&gt;{{ source.Sentance }}&lt;/div&gt;
        &lt;/div&gt;      
        &lt;div class="card" id="div2" ng-drop="true" ng-drop-success="OnDropComplete($index,$data)"&gt;
          &lt;div ng-drag="true" ng-drag-data="source" ng-class="source.Response"&gt;
        &lt;div class="item item-divider"&gt;Response&lt;/div&gt;
        &lt;div class="item item-text-wrap"&gt; {{ source.Response }} &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  --------------------------------------------------------
  </code></pre>