title: Setting selected item in angular md-select with multiple option
body: <p>Setting selected item in angular md-select with multiple option</p>
  
  <pre><code>&lt;md-select multiple ng-model="Reg.roles" placeholder="Please select roles" required&gt;
      &lt;md-option ng-repeat="role in roles" value="{{role.value}}" ng-selected="{{ role.value === '&lt;%= data.roles %&gt;' ? 'true' : 'false' }}"&gt;{{ role.name }}&lt;/md-option&gt;
  &lt;/md-select&gt;
  </code></pre>
  
  <blockquote>
    <p>in my controller</p>
  </blockquote>
  
  <pre><code> $scope.roles = [{
          "name": "Account Admin",
          "value": "account_admin"
      }, {
          "name": "Developer",
          "value": "developer"
      },
  
  
      {
          "name": "Analyst",
          "value": "analyst"
      }
  ];
  </code></pre>
  
  <blockquote>
    <p>in view</p>
  </blockquote>
  
  <p><strong>data.roles</strong> contains value:</p>
  
  <pre><code>['account_admin', 'developer']
  </code></pre>
  
  <p>I need the item corresponding to <strong>role.value</strong> should be in selected state.</p>
  
  <p>Refer below image <a href="https://i.stack.imgur.com/YhxUw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YhxUw.png" alt="current ui showing"></a></p>