ng-model范围变量的AngularJS ng样式

Question

我正在构建一个网站，让用户设计自己的移动应用程序。网站的一面有用户填写的表单，另一面有基于表单数据的实时预览。这是它是如何设置：

控制器：

$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}}'}"> 

我必须使用$父，因为我在我的索引页上使用ng-include来包含form.htm和preview.htm文件。我已经测试了这个表单，我知道它正在改变我所有的范围变量，但是这个预览器并没有改变。任何帮助表示赞赏！

Answer 1

删除{{}}和 ''，它应该工作，像这样：

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