Angular Select Databinding

by pkozlowski_opensource

HTML

<label ng-controller="CompanyController" for="ci-company_sid">
     Company:
     <select ng-model="selectedCompany" ng-options="c.company.company_name for c in companysData.companys">
     </select>
    <hr>
    {{selectedCompany | json}}
</label>

JavaScript

function CompanyController($scope, $http) {
    $scope.companysData = {
        "companys": [{
            "company": {
                "link": "\/company\/8256606980000143017",
                "sid": "8256606980000143017",
                "company_name": "Company 29"
            }},
        {
            "company": {
                "link": "\/company\/8256603960000178016",
                "sid": "8256603960000178016",
                "company_name": "Company 1"
            }}]
    }
    
    $scope.selectedCompany = $scope.companysData.companys[0];
}