我的一个 div 正在使用 ngStyle 观察背景颜色变量。每当我更改值时,都会收到错误消息。请看下面,我认为我或多或少与这个例子一致https://docs.angularjs.org/api/ng/directive/ngStyle
<div class="item item-divider" ng-style="scoreColor"><b>Rate</b> {{score}}</div>
<input type="range" name="rate" min="1" max="10" value="5" step="1" ng-model="score" ng-change="changeScoreColor(score)"/>
$scope.changeScoreColor = function(score){
$scope.scoreColor = "{background-color:" + colorFromScore(score) + ";}";
};
TypeError: name.replace is not a function
at camelCase (http://localhost:8100/lib/ionic/js/ionic.bundle.js:11098:5)
at forEach.css (http://localhost:8100/lib/ionic/js/ionic.bundle.js:11541:12)
at Object.JQLite.(anonymous function) [as css] (http://localhost:8100/lib/ionic/js/ionic.bundle.js:11667:9)
at http://localhost:8100/lib/ionic/js/ionic.bundle.js:33610:57
at forEach (http://localhost:8100/lib/ionic/js/ionic.bundle.js:9022:20)
at ngStyleWatchAction (http://localhost:8100/lib/ionic/js/ionic.bundle.js:33610:7)
at Object.$watchCollectionAction [as fn] (http://localhost:8100/lib/ionic/js/ionic.bundle.js:22809:13)
at Scope.$digest (http://localhost:8100/lib/ionic/js/ionic.bundle.js:22942:29)
at Scope.$apply (http://localhost:8100/lib/ionic/js/ionic.bundle.js:23205:24)
at $$debounceViewValueCommit (http://localhost:8100/lib/ionic/js/ionic.bundle.js:31961:14)
最佳答案
ng-style
期望具有样式的对象,即:
$scope.changeScoreColor = function(score){
$scope.scoreColor = {'background-color': colorFromScore(score) };
};
您传递的是字符串而不是对象,因此会出现错误。
以下是文档对预期的 ng-style
参数的描述:
Expression which evals to an object whose keys are CSS style names and values are corresponding values for those CSS keys.
关于javascript - AngularJS div 背景颜色与 ngStyle,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34819718/