title: Dynamic attributes AngularJS
body: <p>Goal of my app is to create property editor. From server i got list of properties and it's types:</p>
  
  <pre><code>$scope.properties = [
      {name: 'property1', type: 'integer', 'value': 123},
      {name: 'property2', type: 'bool', 'value': 123},
      {name: 'property3', type: 'string', 'value': 123},
      {name: 'property4', type: 'custom', 'value': 123},
  ];
  </code></pre>
  
  <p>Using this data i want to create html list like this. <strong>This part is not working. How to change it?</strong></p>
  
  <pre><code>&lt;ul&gt;
      &lt;li ng-repeat="property in properties"&gt;
          &lt;div property-editor-{{property.name}} my-data="property"&gt;&lt;/div&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Then i can easily implement directives with it's custom controllers like this</p>
  
  <pre><code>angular.module('PropertyEditor').directive('propertyEditorCustom', function() {
      return {restrict: 'A',controller:function(){...}};
  })
  </code></pre>
  
  <p>PS: I want to avoid a centralized switch, because new modules can add it's custom types.</p>