Display Data in visual force page using angular

Question

I have a below table

<tr ng-repeat="r in rows">
    <td>{{$index+1}}</td>
    <td>
        <select ng-model="r.selectedObjectRowData"
            ng-options="option.apiName for option in objects"
            class="slds-select box hideOutlineClass" required="required">
                <option value=""></option>
        </select>
    </td>
    <td>
        <select ng-model="r.selectedFieldRowData"
            ng-if="r.selectedObjectRowData"
            ng-options="option.apiName for option in fields"
            class="slds-select box hideOutlineClass" required="required">
                <option value=""></option>
        </select>
    </td>
</tr>

I am trying to prepopulate the select with below data

 rows= [{"selectedValueRowData":"Outbound","selectedOperatorRowData":"Equal To","selectedObjectRowData":"Account","selectedFieldRowData":"Name","id":"xyz","filterLogic":"(1 AND 3) OR 2"}]

I get the last value in the prepopulate data but I cannot get the select drop down to have the values. Can someone tell me how Can I achieve this using angular?