Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html ng-app="testApp">
  <head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js"></script>
​
​
    <title>Test</title>
    
  </head>
  <body ng-controller="AppController as vm">
    <h3>Selected Is : </h3>
    <pre>{{ vm.schedule.organization | json }}</pre>
    <h3>But selection is not reflecting in select</h3>
    <select ng-model="vm.schedule.organization" ng-options="affiliate.organization as affiliate.organization.name for affiliate in vm.user.affiliates | orderBy : 'organization.name' track by affiliate.organization._id">
      <option value="">-- Choose Organization --</option>
    </select>
  </body>
</html>
 
angular.module('testApp', [
  
])
​
.controller('AppController', function(){
  
  var vm = this;
  
  //
  vm.schedule = {
    date : "2015-5-25", 
    organization : {
      "_id":"55df26cf756549c15b5fbcd2",
      "kind":"HOSPITAL",
      "name":"Hospital One",
      "email":"somehospital1@hospital.com"
    }
  };
  
  //
  vm.user = { 
      name : "Some user name",
    affiliates : [
    {
        "_id":"55df26ea756549c15b5fbcd5",
        "createdOn":"2015-08-27T15:04:10.376Z",
        "organization":{
            "_id":"55df26cf756549c15b5fbcd2",
            "kind":"HOSPITAL",
            "name":"Hospital One",
            "email":"somehospital1@hospital.com"
        }
    },
    {
        "_id":"55df26ea756549c15b5fbcd4",
        "createdOn":"2015-08-27T15:04:10.375Z",
        "organization":{
            "_id":"55dbfd280713a3aa0d85158a",
            "kind":"CLINIC",
            "name":"Some Clinic",
            "email":"someclinic@clinic.com"
        }
    }
]
  };
  
})
​
;
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
lekhnathpro
0viewers