Angular: Empty Fiddle

http://angularjs.org/

by oscard

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-app>
  <h2>Todo</h2>
  <div ng-controller="MyCtrl">
  <form ng-submit="addTodo()">
    {{typeList}}
    <br>
    <select name="" id="" ng-model="typeList.type1">
        <option ng-repeat="type in optionList" ng-selected="typeList.type1==type" value="{{type}}">{{type}}</option>
    </select>
    <select name="" id="" ng-model="typeList.type2">
        <option ng-repeat="type in optionList" ng-selected="typeList.type2==type" value="{{type}}">{{type}}</option>
    </select>
    <br><br>
    <select name="" id="" ng-model="typeList.type3">
        <option ng-repeat="type in optionList" ng-selected="typeList.type3==type" value="{{type}}">{{type}}</option>
    </select>
    <select name="" id="" ng-model="typeList.type4">
        <option ng-repeat="type in optionList" ng-selected="typeList.type4==type" value="{{type}}">{{type}}</option>
    </select>
    <!--<br><br>
      <input type="text" ng-model="todoText"  size="30" placeholder="add new todo here">
      <input class="btn-primary" type="submit" value="add">-->
    </form>
  </div>
</div>

JavaScript

var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {
    $scope.typeList = {type1:"Home",type2:"Mobile",type3:"Work",type4:"Fax"};
    $scope.optionList = ["Home","Mobile","Work","Fax"];
    $scope.selectPosition = [];
    $scope.selectList = []; 
}