Как создать угловое приложение с несколькими моделями и выбрать поля

Что я могу предложить, так это сохранить MVC. Вот одно из решений -

1. Создайте контроллер для хранения данных модели (здесь $scope.selectOptions внутри контроллера)
2. Передайте эти значения экземпляру «выбрать директиву» для отображения
3. Всякий раз, когда пользователь выбирает значение в директиве, передает это выбранное значение контроллеру (допустим, в контроллере $scope.selectedValue хранится это значение)
4. В контроллере добавьте $watch к $scope.selectedValue и в своем обратном вызове вызовите другой набор данных для другого варианта выбора. (скажем, сохранение этого набора данных в $scope.anotherSelectOption )
5. Передайте этот $scope.anotherSelectOption экземпляру «2-й директивы»
6. Всякий раз, когда пользователь выбирает значение во 2-й директиве, передает это выбранное значение контроллеру (допустим, в контроллере $scope.anotherSelectedValue хранится это значение)
7. В контроллере добавьте $watch к $scope.anotherSelectedValue и в обратном вызове измените URL-адрес того, что вы хотите сделать.

Вот как будет выглядеть ваш HTML -

<div ng-controller="MyCtrl">
    <select-directive selection-option="selectOptions", selected-option="selectedValue"> </select-directive>
    <select-directive selection-option="anotherSelectOptions", selected-option="anotherSelectedValue"> </select-directive>
</div>

Вот ваш контроллер, он будет выглядеть примерно так -

yourApp.controller('MyCtrl', function($scope) {

    $scope.selectOptions = []; // add init objects for select 
    $scope.selectedValue = null;

    $scope.$watch('selectedValue', function() {
        // here load new values for $scope.anotherSelectOptions
        $scope.anotherSelectOptions = [] // add init objects for select 
        $scope.anotherSelectedValue = null;
    });

    $scope.$watch('anotherSelectedValue', function() {
        // here add code for change URL
    });

});

Вот ваша директивная область

yourApp.directive('selectDirective', function() {
    return {
        templateUrl: 'views/directives/select.html',
        restrict: 'E',
        scope: {
            selectionOption: '=',
            selectedOption: '='
        }
    };
});