對於什麼控制我應該使用MD-輸入容器

Question

什麼是我可以把一個「MD-輸入容器」與角料設計內部控制？

我之所以問這個是因爲這個樣本例如：

<md-input-container> 
    <input flex="" flex min="0" max="20" type="number" ng-model="testNumber"> 
</md-input-container> 

爲什麼我看「微調」又名滑塊樣本：

https://material.angularjs.org/latest/demo/slider

沒有一個地方的MD使用輸入容器。但是，只有當我用md-input-container包裝類型編號的輸入時，旋轉器的外觀看起來纔是正確的材料組件。

縱觀MD-輸入容器的API： https://material.angularjs.org/latest/api/directive/mdInputContainer

他們只提 「輸入」 和 「文本區」

那麼輸入可以是任何類型的...

當我再次看到微調器/滑塊樣本時，他們都不使用md-input-container。

因此，有些事情是錯誤的或在這裏沒有記錄。

Answer 1

md-input-container必須是爲了獲得該材料的外觀和感覺任何類型的輸入（文字，數字，日期等）的父容器。

不過，如果你並不需要這些材料，風格佔位符，標籤和驗證，您仍然可以使用未嵌套在容器輸入。 Sliders例子就是這種情況。

Answer 2

md-input-container僅支持：

• input
• textarea

只有1個輸入可以是在每個md-input-container或異常將被拋出。

的MD-滑塊演示和文檔已經全部更新爲使用md-input-container。

很多input types像email，week，number，month，password，search，tel，text，並time由md-input-container支持。

以下類型可能不具有理想的行爲：

• checkbox - md-checkbox優選
• image - 上imgng-click優選
• radio - md-radio-button在md-radio-group優選
• file - 佔位符對準是在Chrome中關閉
• submit - md-button首選
• reset - md-button首選
• range - md-slider首選

請確保，如果你在項目中使用的投入使用angular-aria模塊。它會自動使您的應用更易於訪問，並符合與可訪問性相關的標準。