title: Remove Blank option from Select Option with AngularJS
body: <p>I am new to AngularJS. I searched a lot, but it does not solve my problem.</p>
  
  <p>I am getting a blank option for the first time in select box.</p>
  
  <p>Here is my HTML code</p>
  
  <pre><code>&lt;div ng-app="MyApp1"&gt;
      &lt;div ng-controller="MyController"&gt;
          &lt;input type="text" ng-model="feed.name" placeholder="Name" /&gt;
          &lt;select ng-model="feed.config"&gt;
              &lt;option ng-repeat="template in configs"&gt;{{template.name}}&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>var MyApp=angular.module('MyApp1',[])
  MyApp.controller('MyController', function($scope) {
      $scope.feed = {};
  
        //Configuration
        $scope.configs = [
                                   {'name': 'Config 1',
                                    'value': 'config1'},
                                   {'name': 'Config 2',
                                    'value': 'config2'},
                                   {'name': 'Config 3',
                                    'value': 'config3'}
                                 ];
        //Setting first option as selected in configuration select
        $scope.feed.config = $scope.configs[0].value;
  });
  </code></pre>
  
  <p>But it doesn't seem to work. 
  How can I get this solved? Here is <a href="http://jsfiddle.net/ugkPr/1/" rel="noreferrer">JSFiddle Demo</a></p>