JSFiddle - React, Tailwind, and code Playground

by michaeldeongreen

HTML

<div ng-app>
    <div ng-controller="myCtrl">
        <div ng-repeat="company in companies">
            <span><select ng-model="company.companyTypeId" ng-options="c.id as c.name for c in companyTypes"><option value="">Please choose an item...</option></select><input type="text" name="name" ng-model="company.name"></span>
        </div>
            <span><input type="button" value="Add" ng-click="addCompany()"><input type="button" value="Submit" ng-click="saveCompany()"></span>
            <pre>{{companies | json}}</pre>
    </div>
</div>

JavaScript

function myCtrl ($scope) {
    
    $scope.companies = [];    
    $scope.companyTypes = [{id:1, name:'corporate'}, {id:2, name:'private'}];
    
    $scope.addCompany = function () {
        $scope.companies.push({companyTypeId:'', name:''});
    }
    
    $scope.saveCompany = function () {
        angular.forEach($scope.companies, function (company) { 
            alert(company.name);
        });
    }
}

//http://odetocode.com/blogs/scott/archive/2013/06/19/using-ngoptions-in-angularjs.aspx