Javascript 更改输入的背景色

我用的是有角度的。我有一个如下的输入：

<input class="form-control" type="text" ng-model="newBook.color">

然后是我要更改的div：

<div ng-style="{{color()}}"></div>

---

但是，我得到了错误：

error:[$parse:syntax]语法错误：Token'：'是表达式[background color:

第17列的意外标记，我在这里为您举了一个例子：

HTML:

Css示例：

#divTest {
    width: 100px;
    height: 100px;
    border: 1px solid black;
    margin-top: 10px;
}

以下是一份工作报告：

您需要更改

颜色

功能才能执行此操作：

angular.module('myApp',[])
   .controller('myFirst',['$scope',function($scope){
      $scope.newBook = {};
      $scope.newBook.color = "red";
      $scope.color = function(){
        return "{'background-color' : '"+$scope.newBook.color+"'}";
      }
}])

选中此项：

angular.module（'myApp'，[]）
.controller（'myFirst'，['$scope'，函数（$scope）{
$scope.newBook={}；
$scope.newBook.color=“红色”；
$scope.color=函数（）{
返回“{'background-color'：'”+$scope.newBook.color+“}”；
}
}])

Ajay

返回样式被{}Try

angular.module('appTest', [])
    .controller('contr', [function () {
    var self = this;
    self.color = "red";
}]);

#divTest {
    width: 100px;
    height: 100px;
    border: 1px solid black;
    margin-top: 10px;
}

angular.module('myApp',[])
   .controller('myFirst',['$scope',function($scope){
      $scope.newBook = {};
      $scope.newBook.color = "red";
      $scope.color = function(){
        return "{'background-color' : '"+$scope.newBook.color+"'}";
      }
}])