Question

在这篇关于名为textAngular的角度文本编辑器的文章中。

我想找到指令textarea的{{1}}元素。因为它使用text-angular设计，我想将元素替换为bootstrap textarea。

但我不知道开发人员将其放在文件中的哪个位置。

更新

由于angular-material没有css样式方法，我无法进行外部css或覆盖css属性。

Answer 1

通过使用ng-model属性的值来引用Textarea元素。

另外，如果你有未解决的问题，你可以随时创建一个自定义css并加载最后一个将覆盖所有其他css。

如果您不想覆盖引导程序，也可以使用表达式。

就这样。

<input type="button" value="set color" ng-click="myStyle={color:'red'}">
<input type="button" value="set background" ng-click="myStyle={'background-color':'blue'}">
<input type="button" value="clear" ng-click="myStyle={}">
<br/>
<span ng-style="myStyle">Sample Text</span>
<pre>myStyle={{myStyle}}</pre>

更多信息可以在Angulars网站https://docs.angularjs.org/api/ng/directive/ngStyle

中使用

更新：返回CSS覆盖。

AngularJS应用程序中的

元素被赋予某些类。这些类可用于根据状态设置textarea元素的样式。

添加了以下类：


ng-untouched该字段尚未触及

ng-touching现场已被触及

ng-pristine该字段尚未修改

ng-dirty该字段已被修改

ng-valid字段内容有效

ng-invalid字段内容无效


ng-valid-key每个验证的一个键。示例：ng-valid-required，当必须有多个内容时非常有用   经过验证



ng-invalid-key示例：ng-invalid-required



如果它们表示的值为false，则删除这些类。

<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>  
<style>
textarea.ng-invalid {
    background-color:pink;
}
textarea.ng-valid {
    background-color:lightgreen;
}
</style>
<body ng-app="">

<p>Try writing in the textarea field:</p>

<textarea ng-model="myName" required>

我们在哪里找到TextAngular的textarea元素

1 个答案: