我們在哪裏可以找到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元素

回答

相關問題