Angular get each tr data macthing two td's

http://stackoverflow.com/questions/23868910/how-to-configure-angular-js-to-user-default-host/23869615#23869615

by Can

HTML

<div ng-controller="MyCtrl">
    <table>
        <tbody>
            <tr data-ng-repeat="p in pickoptions">
                <td data-id="p.ID">{{p.Text}}</td>
                <td>
                    <select data-ng-model="p.optionTwo" ng-options="po.Text for po in pickoptionsTwo">
                        <option value="">Choose</option>
                    </select>
                </td>
            </tr>
        </tbody>
    </table> <a href="#" data-ng-click="send()">Send</a>
{{msg}}</div>

JavaScript

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


function MyCtrl($scope) {
    $scope.name = 'Artem';


    $scope.pickoptions = [{
        "ID": 1,
            "Text": "Business"
    }, {
        "ID": 2,
            "Text": "Home"
    }];

    $scope.pickoptionsTwo = [{
        "ID": 10,
            "Text": "Blue"
    }, {
        "ID": 20,
            "Text": "Red"
    }];

    $scope.send = function () {
        var data = [];

        angular.forEach($scope.pickoptions, function (option) {
            data.push({
                PickOptionBaseID: option.ID,
                PickOptionTargetID: (option.optionTwo && option.optionTwo.ID) || 0
            });
        });

        console.log(data);
    };

}