我们在哪里可以找到 TextAngular 的 textarea 元素
Posted
技术标签:
【中文标题】我们在哪里可以找到 TextAngular 的 textarea 元素【英文标题】：Where do we find the textarea element of TextAngular 【发布时间】：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 下排除编辑器中的一些按钮。
我建议您阅读这篇文章***.com/questions/36079280/… 并尝试其他人。
你能用this plunker澄清你在寻找什么吗？
@Maximus 元素 textarea 先生
【参考方案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。我看到您不是在寻找文本区域，而是在寻找文本输入区域...？以上是关于我们在哪里可以找到 TextAngular 的 textarea 元素的主要内容，如果未能解决你的问题，请参考以下文章
angularJS textAngular输入框输入文字后失去焦点
在哪里可以找到社交网络风格函数/组件的 Python 代码示例或教程？ [关闭]