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

在这篇关于角度文本编辑器textAngular的文章中。我们在哪里可以找到TextAngular的textarea元素

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

但我不知道开发者把它放在文件里面。

UPDATE

我不能做一个外部CSS或覆盖它，因为angular-material textarea可是没有一个CSS样式方法的CSS属性。

来源

2016-11-29 Roel Delos Reyes

你说的模板是什么意思？我在SRC下的main.js的指令部分找到了TextArea htnl标签，但也有一个CSS文件可以轻松覆盖。 – ioneyed

是的，我们可以做到这一点，但角材料文本区域不具有CSS样式的方法。我们没有必要叫main.js以使用编辑器，但'textAngular.min.js'做到了，我们能够排除下'textAngular.min.js'编辑一些按钮。 –

我建议你阅读这篇文章http://stackoverflow.com/questions/36079280/rich-text-editor-for-angularjs/36079923#36079923和尝试等。 – hurricane

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

此外，如果你有未解决的问题，你总是可以创建一个自定义的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-无动于衷领域尚未触及

NG触摸的领域已被触碰

NG-质朴领域一直没有已修改

ng-dirty该字段已被修改

ng-valid字段内容有效

ng-invalid字段内容无效

ng-valid-key每个验证的一个键。例如：NG-有效要求的，有用的，当有超过一两件事，必须验证

NG-无效键举例：NG-无效，需要

的类，如果被删除它们代表的价值是错误的。

<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>

来源

2016-11-29 07:39:07

我想我不能这样做，因为我想用角材料textarea的替代使用引导textangular的textarea的。我不想重写一些元素的CSS属性。 –

但是，对我来说，简单地替换元素而不是写多个定义会更容易吗？我很难定义样式来模仿角度材质textarea。 –

@ ShiftN'Tab然后我们可以像最初所说的那样使用CSS。请参阅更新。 –

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

回答

相关问题