title: form control error:ERROR Error: No value accessor for form control with unspecified name attribute
body: <p>In the below component when the  component is loaded in the angular4 app I keep getting the error:</p>
  <blockquote>
  <p>ng:///HeaderModule/HeaderComponent.ngfactory.js:334 ERROR Error: No
  value accessor for form control with unspecified name attribute</p>
  </blockquote>
  <p>I have tried removing <code>ngModel</code> and <code>value</code> attributes but nothing has worked.</p>
  <p>I'm assuming the issue is with the header .component.html.
  Below is the html</p>
  <pre><code>&lt;!-- Notification area--&gt;
  &lt;li class=&quot;dropdown&quot;&gt;
      &lt;a href=&quot;#&quot; data-toggle=&quot;dropdown&quot; class=&quot;dropdown-toggle&quot; (click)=&quot;changeNotificationStatus()&quot;&gt;
          &lt;i class=&quot;glyphicon glyphicon-bell&quot;&gt;&lt;/i&gt;
          &lt;span class=&quot;visible-xs-inline&quot;&gt;Notifications&lt;/span&gt;
          &lt;span class=&quot;badge badge-sm up bg-danger pull-right-xs&quot; [hidden]=&quot;notificationCount&lt;=0&quot; [(ngModel)]=&quot;notificationCount&quot;&gt;&lt;/span&gt;
      &lt;/a&gt;
      &lt;div class=&quot;dropdown-menu w-xl animated fadeInUp&quot;&gt;
  &lt;/li&gt;
  </code></pre>
  <p>Not sure what causes the problem.
  If somebody could point out the issue it will be helpful.</p>