title: angular2 - ngModel not working on labels (ng2-bootstrap, paper-kit)
body: <p>For me, <code>[(ngModel)]="foo"</code> does not work in labels which are used to restyle default HTML5 form controls, more precisely radio buttons. The goal is to use these to change values like with default input radios. I currently use ng2-bootstrap, but also tried the paper-kit (<a href="http://www.creative-tim.com/live/paper-kit" rel="nofollow">http://www.creative-tim.com/live/paper-kit</a>).</p>
  
  <p>When using the documented usage of ng2-bootstrap (<a href="https://valor-software.com/ng2-bootstrap/#/buttons" rel="nofollow">https://valor-software.com/ng2-bootstrap/#/buttons</a>)</p>
  
  <pre><code>&lt;label class="btn btn-primary" name="test" [(ngModel)]="foo" btnRadio="foo"&gt;foo&lt;/label&gt;
  </code></pre>
  
  <p>I get this error:</p>
  
  <pre><code>core.umd.js:3468 Error: Uncaught (in promise): Error: No value accessor for form control with name: 'test'
  at resolvePromise (zone.js:429)
  at zone.js:465
  at ZoneDelegate.invokeTask (zone.js:236)
  at Object.onInvokeTask (core.umd.js:6233)
  at ZoneDelegate.invokeTask (zone.js:235)
  at Zone.runTask (zone.js:136)
  at drainMicroTaskQueue (zone.js:368)
  at XMLHttpRequest.ZoneTask.invoke (zone.js:308)
  </code></pre>
  
  <p>This might be fixed using the <code>ngDefaultControl</code> attribute in the label, still <code>[(ngModel)]</code> is ignored and not propagated. The same issue happens on the usage of paper-kit.</p>
  
  <p>It works on normal radio buttons without any issues.</p>