Javascript 如何使用jQuery更改角度字段textarea的内容

我正在尝试使用jQuery在Angular应用程序中更改

textarea

的颜色，但它不起作用

我该怎么办？它说，

$未定义

。 HTML:

abc

角js：

 var app = angular.module('myApp', []);
 app.controller('testController', function($scope, $http) {    
      var tdVal =$("#abc");
      var x = tdVal.innerHTML;
      tdVal.html ("<span style='color: rgba(220, 0, 0, 1)'>" + x"</span>");
});

var-app=angular.module（'myApp'，[]）；
app.controller（'testController'，函数（$scope，$http）{
var tdVal=$（“abc”）；
var x=tdVal.innerHTML；
html（“+x”）；
});

您不仅要更改颜色，还要更改控件本身。如果改变颜色是目的：

var elem = angular.element('#abc');
elem.css('color', 'rgba(220, 0, 0, 1)');

对于值更新，angular提供了绑定指令

$scope.value = 'some value'

以及

<textarea id="#abc" ng-bind="value"></textarea>

---

试试这个，如果没有其他依赖项，它会起作用：

$('#abc').css('color', 'rgba(220, 0, 0, 1)');

---

看起来您希望在

textarea

标记中呈现HTML，这是浏览器不允许的，但您可以使用可编辑的

div

元素：

<div id="abc" contenteditable="true"></div>

---

或者，您可以将自定义函数指定给

ng style

，该函数将根据您的逻辑返回CSS对象。

不适用于我。我得到了这个“错误”[jqLite:nosel]另外一件事，如果我想将一些的值更改为“红色”，将值更改为“蓝色”，该怎么做呢？你能详细介绍一下代码吗。我是angular的新手，看起来angular应用程序中缺少任何外部依赖项。模块（'app_name'，[pass_dependencies_here]）；如果您想更新多个控件，那么我建议您查看angular指令。DOM操作应该在一个指令内完成，不需要jquery。如果您愿意，我可以添加代码片段。LMO

<div id="abc" contenteditable="true"></div>

<div id="abc" contenteditable="true">
  <span ng-style="{color: 'rgba(220, 0, 0, 1)'}">abc</span>
</div>