JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="MyApp1">
    <div ng-controller="MyController">
        <input type="text" ng-model="feed.name" placeholder="Name" />
        <!-- <select ng-model="feed.config">
            <option ng-repeat="template in configs">{{template.name}}</option>
        </select> -->
        <select ng-model="feed.config" ng-options="template.value as template.name for template in feed.configs">
              </select>
    </div>
</div>

JavaScript

var MyApp=angular.module('MyApp1',[])
MyApp.controller('MyController', function($scope) {
	$scope.feed = {};
    
	  //Configuration
	  $scope.feed.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.feed.configs[0].value;
});