title: Dart Angular 2 Transclusion using ng-content with multiple selectors
body: <p>I'm in the process of migrating some code from Polymer 1.0 the Angular 2, yey!, and I've run into something peculiar/odd.</p>
  
  <p>I want to replace this polymer content selector:</p>
  
  <pre><code>&lt;content id="ca_content_group1"
       select="custom-action[type^='icon'][group='1']"&gt;
  </code></pre>
  
  <p></p>
  
  <p>I saw ng-content, and its wonderful "<strong>select</strong>" attribute...but, this does NOT work:</p>
  
  <pre><code>&lt;ng-content select="custom-action[type^='icon'][group='1']"&gt;&lt;/ng-content&gt;
  </code></pre>
  
  <p>The only way I've been able to get this working is by specifying multiple "<strong>select</strong>" attributes....which sounds odd...</p>
  
  <pre><code>&lt;ng-content select="custom-action" select="[type=icon]" select="[group=1]"&gt;&lt;/ng-content&gt;
  </code></pre>
  
  <p>I'm not sure if this is a bug, but none of these CSS selectors work inside the "select" attribute, "^=, *=, $=, |=, ~=".</p>
  
  <p>I know that there are other ways that involve "collecting" the child nodes and then injecting them with a loop, but I kinda need to know if ng-content is even remotely capable of handling CSS selectors like my example, or if I should definitely look for an alternative.</p>