ng-model值在ng-repeat之外不可用

Question

我有一个这样的对象：

"styleArr":[
{
    "text":"General Text","default_value":"#d11e1e","scopval":"general"
},
{
    "text":"Accent Color","default_value":"#2ec72e","scopval":"Accent"
},
{
    "text":"Button/Link Hover","default_value":"#2ec72e","scopval":"Button_link"
}]

在我的模板中：

<div ng-repeat="style in styleArr">
    <span> {{ style.text }} </span>
     <input colorpicker type="text" ng-model="style.scopval"/>
</div>

我想动态制作ng-model值。所以我可以在此ng-repeat之外更改文本/背景颜色的颜色。

当我尝试在此ng-repeat之外使用ng-model值时，它似乎对我不起作用。

 <div class="myclass" ng-style="{'background-color' : general}">This is my first div..</div>