Angular: Select value from 2 Data Sources

http://angularjs.org/

by TheFiddler

HTML

<script src="http://code.angularjs.org/angular-1.0.0rc6.min.js"></script>
<div ng-controller="Main" ng-app>
    <div>selection id = {{job[0].countryid}}</div>
    
    <div>
      <p>Update Model and Two Way Bind from Two Data Sources</p>
      <select ng-model="job[0].countryid" ng-options="i.countryid as i.name for i in countries">
        <option value=""></option>
      </select>
    </div>

CSS

div {
    margin-bottom: 2em;
}

JavaScript

function Main($scope) {

    $scope.job = [{"id":22222,"entity_id":22,"user_id":939393,"title":"Director of Ticket Sales","company":"Stow Riversharks","city":"Stow","state":"OH","postal_code":"44224","country":"United States","countryid":0}];
    
    $scope.countries = [{
        countryid: 0,
        name: 'Name 1'},
    {
        countryid: 2,
        name: 'Name 2'},
    {
        countryid: 3,
        name: 'Name 3'}];
}