JSFiddle - React, Tailwind, and code Playground
HTML
<div ng-app="myApp" ng-controller="Ctrl">
<div ng-repeat="path in campaign.paths">
<div ng-repeat="offer in path.offers">
<input type="text" ng-model="offer.name" />
<input type="text" ng-model="offer.uri" />
<select ng-model="offer.network" ng-options="n.id as n.name for n in networks"></select>
</div>
</div>
</div>
JavaScript
var App = angular.module('myApp', []);
function Ctrl($scope, $timeout) {
$scope.networks = [];
$timeout(function () {
$scope.networks = [{
id: 5,
name: "Network 1"
}, {
id: 6,
name: "Network 2"
}];
$scope.campaign.paths[0].offers[0].network = $scope.networks[0].id;
$scope.campaign.paths[0].offers[1].network = $scope.networks[0].id;
}, 2000);
$scope.campaign = {
paths: [{
offers: [{
name: "Site1",
uri: "http://uri1.com"
}, {
name: "Site2",
uri: "http://uri2.com"
}]
}]
};
}