AngularJS в стиле с переменной области видимости ng-модели

Я создаю веб-сайт, чтобы пользователи могли создавать собственное мобильное приложение. Одна сторона веб-сайта имеет форму, которую пользователь заполняет, а другая сторона имеет предварительный просмотр приложения, основанный на данных формы. Вот как он настроен:

контроллер:

$scope.primaryColor = "#325490";

Форма ввода:

<!-- Primary Color -->
<div class="form-group">
    <label for="primaryColor" class="col-sm-2 control-label">Primary:</label>
    <div class="col-sm-10">
        <input type="text" class="form-control" ng-model="$parent.primaryColor">
    </div>
</div>

Просмотр в реальном времени:

<div class="mockView" ng-style="{'background-image':'url({{$parent.backgroundFile}})', 'background-color':'{{$parent.primaryColor}}'}">

Я должен использовать $ parent, потому что я использую ng-include на моей индексной странице, чтобы включить файлы form.htm и preview.htm. Я протестировал форму, и я знаю, что она меняет все переменные области видимости, которые у меня есть, но просмотрщик не меняется. Любая помощь приветствуется!