title: how to add Custom Data to each State Objects Dynamically
body: <p>In the below example i have custom data like <code>data:{roles:[]}</code> like this i need to add custom data properties dynamically like <code>data:{user:[]}</code> for each state</p>
  
  <pre><code> .state('WorkArea', {
     parent: 'site',
     url: '/WorkArea',
     data: {
         roles: ['User', 'Dev']
     },
   })
  </code></pre>