我们在哪里可以找到 TextAngular 的 textarea 元素答案

【问题标题】：Where do we find the textarea element of TextAngular我们在哪里可以找到 TextAngular 的 textarea 元素
【发布时间】：2017-04-13 01:24:24
【问题描述】：

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

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

但我不知道开发人员将它放在文件中的什么位置。

更新

由于angular-material textarea 没有 css 样式方法，所以我不能做外部 css 或覆盖它的 css 属性。

【问题讨论】：

模板是什么意思？我在 SRC 下 main.js 的指令部分找到了 TextArea htnl 标记，但还有一个 CSS 文件可以轻松覆盖。
是的，我们可以这样做，但是 angular-material 文本区域没有 css 样式方法。我们不一定要调用 main.js 才能使用编辑器，但 textAngular.min.js 做到了，我们能够在 textAngular.min.js 下排除编辑器中的一些按钮。
我建议您阅读这篇文章stackoverflow.com/questions/36079280/… 并尝试其他人。
你能用this plunker澄清你在寻找什么吗？
@Maximus 元素 textarea 先生

标签： javascript angularjs angularjs-directive angular-directive

【解决方案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-touched 字段已被触摸

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>

【讨论】：

我想我不能这样做，因为我想使用 angular-material textarea 来代替使用 bootstrap 的 textangular textarea。而且我不想覆盖某些元素 css 属性。
但是我只是简单地替换元素而不是编写多个定义不是更容易吗？我很难定义样式来模仿 angular-material textarea。
@ShiftN'Tab 然后我们可以按照最初的说明使用 CSS。请查看更新。
我很欣赏你的回答，但是，这不会通过 css 做任何事情来模仿 textarea 角度材料。请看material.angularjs.org/latest/demo/input。
@ShiftN'Tab 阅读 cmets。我看到您不是在寻找文本区域，而是在寻找文本输入区域...？