有人知道如何设置自动调整Angular 2材质设计textarea输入元素的最小行数吗?
这是我的样本:
<md-input-container class="input-field message">
<textarea md-input md-autosize minRows="3" placeholder="Message" name="message"></textarea>
</md-input-container>
Run Code Online (Sandbox Code Playgroud)
这是源代码:https: //github.com/angular/material2/blob/master/src/lib/input/autosize.ts
我注意到它有输入变量minRows和设置[minRows]="3"仍然没有帮助.
我有点卡住,请帮忙.
更新:我试图在plunkr上重复这个问题并且没有成功.似乎我的本地CSS覆盖了某种Angular材质风格.
我的代码:
启动.cs
public void ConfigureServices(IServiceCollection services)
{
...
services.AddLocalization(options => options.ResourcesPath = "Resources");
services.AddMvc()
.AddViewLocalization(LanguageViewLocationExpanderFormat.Suffix)
.AddDataAnnotationsLocalization(options =>
{
options.DataAnnotationLocalizerProvider = (type, factory) =>
factory.Create(typeof(SharedResource));
});
...
}
Run Code Online (Sandbox Code Playgroud)
共享资源.cs
namespace MyProj.Classes
{
/// <summary>
/// Dummy class to group shared resources
/// </summary>
public class SharedResource
{
}
}
Run Code Online (Sandbox Code Playgroud)
FooViewModel.cs
public class FooViewModel
{
[Required(ErrorMessage = "EmailRequired")]
[EmailAddress(ErrorMessage = "EmailIsNotValid")]
[Display(Name = "Email")]
[DataType(DataType.EmailAddress)]
public string Email { get; set; }
}
Run Code Online (Sandbox Code Playgroud)
FooPage.cshtml
...
<input asp-for="Email" class="form-control">
<div …Run Code Online (Sandbox Code Playgroud)