title: Best Practices: Should I use ng-switch for this?
body: <p>I've got this object in Angular.</p>
  
  <pre><code>$scope.columns = {
      workspace: {
          title: "Workspace",
          type: "workspace",
          activities: []
      },
      alerts: {
          title: "Alerts",
          type: "alert",
          activities: []
      },
      main: {
          title: "Main Feed",
          type: "main",
          activities: []
      }
  };
  </code></pre>
  
  <p>And in my HTML I need to loop through it to dynamically create a series of columns in my app (think something like Trello)</p>
  
  <p>Each <code>type</code> is a reference to a custom directive.</p>
  
  <p>I'm trying to figure out the best way to place my directives.</p>
  
  <p>Based on this data, is the code below an appropriate way to handle dynamically creating these?</p>
  
  <pre><code>&lt;div ng-repeat="(key, obj) in columns"&gt;
  
      &lt;div ng-switch on="obj.type"&gt;
          &lt;workspace-feed ng-switch-when="workspace" /&gt;
          &lt;alert-feed ng-switch-when="alert" /&gt;
          &lt;main-feed ng-switch-when="main" /&gt;
          &lt;filter-feed ng-switch-when="filter" /&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>I'd love to be able to do something like... <code>&lt;{{obj.type}}-feed /&gt;</code> but I'm not sure if this is valid, or if there's a better way to create this.</p>
  
  <p>Thoughts are much appreciated!</p>