如何使用angular2-mdl添加选择输入框和文本区域？
Angular2-MDL是一个基于Angular2的Material Design组件库，它提供了一系列的UI组件，包括选择输入框和文本区域。下面是使用Angular2-MDL添加选择输入框和文本区域的步骤：
- 首先，确保你已经安装了Angular CLI，并创建了一个新的Angular项目。
- 在项目根目录下，使用以下命令安装Angular2-MDL：
- 在项目根目录下，使用以下命令安装Angular2-MDL：
- 在
src/styles.css文件中添加以下样式引用： - 在
src/styles.css文件中添加以下样式引用： - 在
src/app/app.module.ts文件中导入并添加MdlModule： - 在
src/app/app.module.ts文件中导入并添加MdlModule： - 在需要使用选择输入框和文本区域的组件中，导入所需的组件：
- 在需要使用选择输入框和文本区域的组件中，导入所需的组件：
- 在组件的
@NgModule装饰器中，将MdlTextFieldModule和MdlSelectModule添加到imports数组中： - 在组件的
@NgModule装饰器中，将MdlTextFieldModule和MdlSelectModule添加到imports数组中： - 在组件的模板中，使用
mdl-textfield和mdl-select标签来创建选择输入框和文本区域： - 在组件的模板中，使用
mdl-textfield和mdl-select标签来创建选择输入框和文本区域： - 注意：
[(ngModel)]用于双向绑定数据。 - 在组件的类中，定义相应的属性：
- 在组件的类中，定义相应的属性：
以上就是使用Angular2-MDL添加选择输入框和文本区域的步骤。Angular2-MDL提供了丰富的Material Design风格的组件，可以帮助开发者快速构建漂亮的用户界面。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云对象存储（COS）、腾讯云数据库MySQL版、腾讯云CDN等。你可以在腾讯云官网上找到这些产品的详细介绍和使用文档。
参考链接：
- Angular2-MDL官方文档：https://github.com/mseemann/angular2-mdl
- 腾讯云官网：https://cloud.tencent.com/
相关·内容
我有一个表单，其中有30个输入框和10个文本区域，以及3个选择框(更新的)字段，所有这些都是强制字段。
如何通过jQuery /javascript对其can't be blank/empty/NULL.的所有输入字段一起应用验证
我不想每次使用每个输入框的ID，并为每个输入框和文本区域创建单独的验证。
如果任何输入字段为空，则其边框变为红色，当要写入某项内容时，则变为正常(没有边框，即删除该类)
更新
还有一些复选框-- ..how --我要一起验证它们吗？
浏览 1提问于2010-03-06得票数 2
回答已采纳
我有动态输入框，有时间输入和文本输入，我想显示为列表项，并且希望在表的一个列中插入值。
例子：
begins.01.30 09.30周六晚上的旅程我们到达基地village02:00上午几分钟，早餐！
如何为具有两种不同数据类型时间和文本的列表项添加多个输入??
浏览 2提问于2021-04-29得票数 1
回答已采纳
如何使用jquery将页面加载时的css样式设置为某些输入框
$(document).ready(function() {
$("input, textarea").addClass("idle");
$("input, textarea").focus(function() {
$(this).addClass("activeField").removeClass("idle");
}).blur(function() {
$(this).removeCla
浏览 2提问于2012-01-18得票数 0
我有文本区域，当用户输入时，我使用它来添加文本和表情符号。为了让笑脸正常工作，我有用户可以点击或使用默认用户设备键盘的图片。目前，我可以输入框或使用emjois，我不能两者都做。
要获得字符的unicode，我必须将unicode字符串添加到文本区域，如下所示：
var t = $('#msgWriteArea').html() + '&#x'+ code;
$('#msgWriteArea').html(t);
我遇到的问题是，当我在插入这些字符之前或之后输入框时，文本可以通过.val()或value属性访问，而Unicode字符可以通
浏览 2提问于2016-04-18得票数 4
我在一本旧上网本上安装了Ubuntu Mate。起初，我选择使用不同于英语的语言，但一旦安装完成，我就改变了主意。因此，通过语言支持，我把语言改成了英语，然后按下了整个应用系统。但是在重新启动后，虽然面板项目的名称是英文的，但主目录中的日期和文件夹不是。他们为什么不改变？我怎么才能改变它们呢？我可以手动完成，这不是很大的努力，但我想知道为什么他们没有改变，如果有一个自动的方式。
浏览 0提问于2016-01-19得票数 1
1回答
gnome-appearance-properties在Gnome3和更新版本中不再可用。
我想改变背景和文字颜色的Windows，输入框，选定的项目等，并自定义主题。
有什么可用的应用程序吗？
浏览 0提问于2012-06-19得票数 3
在我的Eclipse安装中，内容辅助菜单中选定的条目几乎是不可读的，因为白色是白色的灰色。见下图。
我可以从eclipse首选项中更改列表中非选定条目的背景和文本颜色，但是所选的条目总是相同的颜色，并且总是不可读。我使用 ，但据我所知，这只会影响编辑器。
如何使上下文辅助菜单中选定条目的文本可读性？
更新
在阅读了之后，它确实似乎从当前的gnome主题中摘取了它的颜色。但是它以一种奇怪的方式来做这件事。
内容辅助窗口的背景颜色是输入框背景颜色，文本颜色是输入框文本颜色。这一切似乎都合乎逻辑。
然而，所选条目的背景颜色是windows背景颜色，但所选条目的文本是而不是背景文本颜色。
有
浏览 24提问于2011-06-21得票数 30
回答已采纳
2回答
从几个关于Alexa Skill开发的教程中，我们知道只有一组AWS区域支持Alexa Skill Lambda函数。语句如下：
10. IMPORTANT: Select EU West (Dublin, Ireland) region (upper right). Only eu-west-1 (Dublin) and us-east-1 (N.Virginia) AWS regions currently support the Alexa Skills Kit and lambda integration.
可在此处找到：
这里：
更新:我在这里找到了以下注释：
Note: Lamb
浏览 1提问于2017-10-02得票数 0
1回答
Jenkins无功选择参数的取值
、、、、
我有一个选项参数，它的值是:A，B，都是
在上面，
如果我选择"A"，如果选择"B"，则应该有一个输入框出现在作业参数页中，以便为A个单独的取值；如果选择“B”，则应该在作业参数页中出现一个输入框以求B的值，如果选择“两者”，则应该有两个输入框显示在作业参数页中以A&B值为值。值。
在声明性脚本中，我应该分别打印输入框中输入的值。如何做到这一点？
浏览 3提问于2021-08-11得票数 0
提前感谢！
我想使用jQuery在输入框/文本区域上执行事件。
场景：
注意:输入框/文本区域在页面上不可见。页面上只有一个输入框/文本区域。
当按下任何字母/数字键时，输入框在页面上变为可见。和相应的keyValue (例如，如果"a“键被按下，keyValue="a")被输入到输入框/文本区域
浏览 1提问于2014-09-12得票数 0
1回答
我遇到了一个编辑器的问题，我使用的是2.9.2版本双击选择一个文本并按CTRL +K，这会打开一个带有URL和文本输入字段的插入链接窗口，文本输入框中已经填充了您之前选择的文本，您输入URL并单击插入，就会创建一个链接并复制所选文本，理想情况下，之前选择的文本应该已经转换为链接
浏览 11提问于2020-07-08得票数 0
1回答
几天来，我一直在网上寻找一种方法来更改输入框自动完成下拉列表的背景颜色，该下拉列表在您开始键入时出现。现在我得到一个带有灰色背景和文本的下拉列表，该文本比输入框文本略小。
我希望将背景更改为白色，并将文本大小增加为与输入框中的文本相同的大小。代码如下：
input {
width: 485px;
border: 1px solid rgb(150,150,150);
background: white;
background-color: white;
padding: 10px;
font-weight: normal;
浏览 2提问于2015-09-12得票数 0
我正在做一个网站的后端工作，并考虑安装JavaScript SpellCheck (链接这里：)。我按照说明，轻松地安装了插头，它的工作就像一种魅力。
问题是，这个插件覆盖了输入框和文本区域的css设计。
我一直想找个解决办法，但没有办法。是否有人，谁安装了JavaScript SpellCheck，遇到了这个问题，并如何解决这个问题。
更新
我甚至试着把css文件放在插件之后，但它不起作用。
浏览 1提问于2015-07-11得票数 0
我正在试图更改WooCommerce管理编辑订单页面中“添加备注”输入框的高度大小
截图如下：
我必须不断调整这个盒子的大小，我希望高度是大约200 px而不是50。
元素是textarea#add_order_记事本.输入-text
.add_note #add_order_note {
width: 100%;
height: 50px;
}
我希望有人能够建议正确的CSS代码，我需要通过外观-自定义-额外的CSS，或者也许我应该使用代码片段？
我做了几次不同的CSS尝试，但我不知道如何正确地输入代码
浏览 27提问于2022-04-19得票数 3
回答已采纳
我有一个页面，在那里我结合标签，输入框和文本区域来显示一些内容。我希望他们都有相同的字体系列和字体大小。我玩过字体系列:继承风格，但这似乎不适用于输入和文本区域。在整个页面上确保相同字体/大小的最简单方法是什么？
浏览 4提问于2008-12-18得票数 1
回答已采纳
2回答
我想要创建一个gui，其中窗口被分成两部分，一边有输入(j标签和文本字段)，另一边有输出输出。在添加任何侦听器之前，我遇到了一个问题，我可以创建两个独立的面板。有人能建议一个布局和正确的方式使用它吗？默认情况下，我只知道如何使用流布局，这是行不通的。在此之上，我的文本字段将不与我的输入框对齐。
浏览 5提问于2014-02-26得票数 0
回答已采纳
2回答
我的输入框中有一个下拉菜单。当文本变得非常长时，文本和下拉文本重叠。使用css，如何确保无论文本有多长时间，下拉文本和文本都不会重叠？
当前产出：
期望产出：
用于输入框的HTML和css：
下拉列表的HTML和CSS：
浏览 3提问于2016-02-07得票数 1
我正在使用VB创建一个使用VS 2012 Express for web的web应用程序。当用户输入url时，我希望页面返回页面上所有链接和文本输入框的列表，这些链接和文本输入框可以单击并转到该页面，或者填写输入框。我不希望网址可见。 例如:如果我在地址栏中输入一个url并按回车键，将出现一个新窗口，其中只显示以下格式的链接，如菜单项或文本未放置框： 链接： About Us Text Input Box 它不会显示：(实际的html代码-已完成) 'a href="About">http://mypage.com">About Us“
浏览 3提问于2013-04-28得票数 1
当尝试使用msSaveBlob和msSaveOrOpenBlob在IE11中通过javascript下载文件时，我会收到一条错误消息，说明无法下载该文件。我尝试过将站点添加到受信任的站点，但这并不能解决问题。关闭IE增强的安全配置服务器管理器，但似乎确实修复了问题和文件下载成功。
是否有任何方法下载文件使用msSaveBlob或msSaveOrOpenBlob，同时保持IE增强的安全配置？
IE版本: 11
操作系统: Windows 2012 R2，Windows 2016
用于测试的示例代码：
浏览 3提问于2018-02-05得票数 0
回答已采纳
1回答
Ubuntu14.10，用英文安装，配有比利时键盘。没有安装其他语言。
所有内容都按预期以英文显示，但有些部分以德文显示:日历和文件管理器中的日期。
我不知道它是怎么到那里的，也不知道怎么摆脱它。
📷
📷
浏览 0提问于2015-02-01得票数 8
如何选择所有文本框和文本框，例如：
<input type='text' />
和
<textarea></textarea>
并将属性style.width="90%";应用于它们？
浏览 0提问于2009-05-05得票数 57
回答已采纳
我正在创建一个自定义模块。我有一个表单，我想添加一些HTML，但我不知道什么是最好的方法。在本例中，我有一个带有文本框、下拉列表和文本区域的页面。我想在下拉列表和文本区域之间添加一个div。但是，我不知道如何将原始html添加到web表单中。以下是我所拥有的：
function myModule_add_form($form_state){
try{
$form = array();
$form['myModule_title'] = array(
'#title' => 'Titl
浏览 2提问于2014-12-16得票数 0
回答已采纳
1回答
如何在Ubuntu上网本混音中添加仓鼠小程序？如果我启动/usr/lib/hamster-applet/hamster-applet -w，它可以在窗口中很好地工作。它是写的，我应该在面板上加上，但我想这在UNR中是不可能的？
浏览 0提问于2011-05-19得票数 2
回答已采纳
1回答
我们的应用程序管理用户拥有的书籍，其中包含多个文档(pdfs、word文档等)。主页列出了用户的所有书籍，其中有一个分页按钮，该按钮加载了接下来的10本书。然后，当用户单击一本书时，它会在一个新屏幕中打开，并列出该书的所有文档。
到目前为止，我们一直在使用WCF / entity框架检索主页上显示的所有书籍，然后进行蔚蓝搜索(连接到sql视图)，以便在打开一本书时获得文档，该文档与分页和排序工作良好。
现在，虽然我们还希望从azure搜索中获得用户的所有书籍列表，因此我们创建了一个新的表来保存图书和文档数据，但每一文档有一行，这意味着每一行重复父书名和图书id。
我们的蔚蓝搜索索引现在指向这
浏览 2提问于2017-05-06得票数 3
回答已采纳
1回答
嗨，我完全是SSRS的新手，但不知怎的，我有一个任务来创建报告。我目前的问题是，我需要像图像中的分组。有谁能帮我增加这样的小组吗？
我遵循了本教程：
但是，每当我添加本教程中提到的组或子组时，这些组和子组将在报表开头插入。
有人有详细的教程或视频吗？
下面是我的结尾：
浏览 3提问于2016-02-01得票数 0
我找不到如何更改Android的MAUI输入字段的光标颜色。我正在编写一个支持黑暗主题的应用程序，我不希望输入框有一个明亮的背景。不幸的是，默认的光标颜色是深紫色，这没有足够的对比度，使它很难看到。如果它和文本的颜色相同，或者我能独立设置它，我会很高兴的。有什么建议吗？
浏览 11提问于2022-11-04得票数 0
2回答
我刚(又一次)从棱角开始。
我正在寻找两个相关的问题来回答关于下面的柱塞
var app = angular.module('Designer', [])
.factory('TextModel', function () {
return {
'textAlign': 'left',
'fontFamily': 'Arial'
};
});
app.controller(&#
浏览 5提问于2014-10-06得票数 0
回答已采纳
4回答
我有一个问题，在这个输入框中的文本被切断。我增加了高度和宽度，它仍然显示出同样数量的字符。我也使用了分页后:总是和问题没有得到解决。以下是代码：
input[division]{
font-size: 13px;
height: 70px;
resize: none;
text-align: center;
page-break-after: always
}
<div><p><b><br>Division:</b>&
浏览 15提问于2022-04-21得票数 0
请让我有一个带有PixieDust 1.1.1的朱庇特Python笔记本，我试着将它作为独立的web应用部署在一个容器中，根据本指南，它在默认的英语区域设置中运行良好，但是当我尝试在笔记本中使用捷克语言环境时，它就不起作用了：
进口地区
loc = locale.setlocale(locale.LC_ALL，‘cs_CZ’)
知道如何在容器中修复/安装附加的区域设置吗？
谢谢
浏览 4提问于2017-11-10得票数 0
3回答
我有一个输入框。我把它定做在正常状态和焦点上。
我的问题是，如果输入框中有文本，我如何保持焦点CSS样式？
.par input[type=sample]{
width:75px;
background-color: #000;
}
.par input[type=sample]:focus{
width:50px;
background-color: #FF0;
}
浏览 6提问于2016-03-23得票数 2
回答已采纳
我是Visual和ASP.NET的新手，我正在看Mosh关于MVC开发的教程。本教程已有几年的历史，但是当他创建一个新的ASP.NET MVC项目时，它有一个带有RouterConfig.cs文件的App_Start文件夹，还有一个Global.asax文件。在Visual 2022中创建的项目缺少这两种情况，因此教程由于缺乏正确的路由而失败。
是否有一种方法可以让Visual创建这个旧的项目设置，或者访问这些文件和文件夹，或者本教程对我来说完全没用？
浏览 3提问于2021-11-17得票数 3
下面的屏幕截图显示了forms.py代码，用于在右侧生成textarea输入框(其中有占位符文本：“您对世界的评论”)。
然而，CSS只应用于纯的textarea框(左边)，我不知道如何将它应用到Django生成的textarea输入框中。您会注意到CSS已经自动应用到顶部的“Name”文本输入字段中。
styles.css代码在这里：
body {
background-color: white;
}
h1 {
color: red;
text-shadow: 3px 2px grey;
font-family: Arial
}
p {
color: blac
浏览 0提问于2019-04-09得票数 0
我禁止在UIWebview中添加图片和文本，它在iOS 6.x中运行良好，但在iOS 7中不起作用，我不知道为什么会发生这种情况。然后我找出问题所在
[webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"document.execCommand('insertImage', false, '%@')", imagePath]];
此函数不起作用，实际上它不会更新主HTML中的图像标记。和。请指点我哪里出了问题。
浏览 3提问于2013-10-22得票数 0
3回答
我有一个输入框
<INPUT TYPE="text" style="width: 600px; height: 250px; background-color: transparent; text-align:left;"VALUE="Test">
但是"Test“显示在输入框的中间左边。如何使“测试”显示在框的左上角？
浏览 7提问于2015-03-26得票数 0
回答已采纳
1回答
AWS在一个Sage制造商笔记本上运行多台木星笔记本会收取更多费用吗？
根据的说法：
“根据使用期限，对所选择的实例类型收取费用”
这是否包括同时运行多个笔记本的时间？因此，如果3本笔记本同时运行40分钟，它的充电是否与一台笔记本运行120分钟相同？
根据这篇文章： aws收费基于3件事：
您选择的实例类型的使用(实例小时)
附加到这些实例的存储(GB存储时间)
数据进出端点(Bytes in/ out )
所以: 2. AWS如何收取木星笔记本实例中存储的费用？
AWS如何对“数据进出端点(Bytes in/ out )”收费？
浏览 8提问于2022-07-03得票数 0
1回答
我有两种内容类型，贡献者和文章。文章内容类型有一个与贡献者链接的节点引用字段，因此当某人创建项目时，他们可以选择要引用的贡献者。
在Contributor节点上，我希望有一个块视图，显示链接到该贡献者的文章。当我创建块视图时，如何设置参数，或者是否有更好的方法来做到这一点？
浏览 0提问于2011-10-01得票数 2
我正在为我的项目使用angular2-mdl，但没有找到任何集成textarea或选择选项的方法。如何使用angular2-mdl添加选择输入框和文本区域？
浏览 14提问于2016-09-21得票数 0
2回答
同一视图中的图像和文本
、、、
如何将图像和文本放在同一个视图中？我想在文本视图中插入类似于图像的内容...以及如何更改文本的字体。我的意思是，在同一文本中有两种字体。谢谢!
浏览 0提问于2011-03-12得票数 0
回答已采纳
我的应用程序创建包含日期和数值的各种文件(通常是csv和文本)。其中一些文件是由用户在Excel或记事本中打开的，因此使用“标准”.Net格式的字符串似乎是明智的，比如数字使用"F“，日期/时间使用"G”、"D“或"T”。这可能会导致值在用户看来是“正确的”。
然而，有些文件是由软件回读的，在一个国家创建的文件可以发送到另一个国家的客户，并加载到那里是可行的。处理这种情况的最佳方法是什么？在写入和后续读取(解析)时，我唯一的选择是使用固定的“自定义”格式字符串吗？
浏览 8提问于2017-08-04得票数 0
我在一个表单标签中给了一个输入类型时间，以获取php中的特定值。
<input class="form-control" id="timeslot" type="time" name="timeslot" placeholder="Time" required>
就像上面这样。
我想用am/pm得到输入框中插入的时间。目前，当我在输入框中插入值12:30 pm时，它仅显示为12:30。。谁能告诉我如何在php中从输入类型time中获取am/pm？
浏览 2提问于2016-10-28得票数 0
3回答
我们有一个有两列的表:在每一行中，左边有一个标签，右边有一个输入框。我们使用vertical-align=text-bottom;将标签文本的底部与输入框中文本的底部对齐。
到目前一切尚好。
但是，有时我们有一个文本区域(多行)，而不是输入框。左边标签的底部与textarea的最后一行的底部对齐。
是否有一种方法可以使左边的文本与textarea的第一个行对齐？
一个简化的例子
<table class="waiFormTable">
<tr>
<td><label>Label 1:</label><
浏览 3提问于2011-08-31得票数 0
回答已采纳
2回答
我有一个输入标记，当我使用选项卡键到达输入标签或在输入框内单击时，我希望在从左边框留下一些空间之后，我的光标应该启动。以下是我的代码
<input id="visiblevalue" type="text" name="value" placeholder=" Value" value="" required="required" onblur="if(this.value == ' ')
浏览 3提问于2014-08-17得票数 1
回答已采纳
当我在笔记本电脑屏幕以外的不同尺寸的显示器上查看网页时，图像和文本在水平方向上处于不同的位置。
下面是我的text类的html和CSS：
<h2><a class="files"> text</a></h2>
.files {
font-size: 20px;
font-family: arial;
left: 470px;
position: relative;
}
和图像：
<div id="Hipload-Product" class="report">
浏览 0提问于2015-01-01得票数 0
1回答
我遵循了以下说明：
1)在Visual Studio 2017中创建一个默认的Angular应用程序: File/New/ASP.NET Core Web Application/Angular。
2)将以下代码添加到计数器组件(counter.component.ts)，该组件是模板的一部分：
@HostListener('keydown', ['$event'])
onInput(e: any) {
if (e.which < 48 || e.which > 57) {
e.preventDefault();
}
}
3)将：
浏览 1提问于2020-01-19得票数 1
1回答
我有一份有四个参数的SSRS报告。每个参数都是多选择和文本类型。当我在一个参数中选择一个值时，其他参数的值应该根据所选的值进行更改。它的相似参数分别是前向依赖和后向依赖。我怎样才能做到这一点。
浏览 3提问于2014-04-26得票数 0
2回答
举个例子，我有以下两张图片：
我想加载第二个并检测用于选择的透明区域，我可以对其应用一些处理，但我不知道如何开始。我熟悉加载图像和在上面绘制形状和文本，但仅此而已。
我如何对透明区域进行某种“魔术棒”检测，以获得一些点数组或用于操作的区域的其他定义？
编辑:在第二张图片中，白色区域实际上是透明区域。由于imageshack的背景颜色，它们显示为白色。
浏览 1提问于2010-06-29得票数 1
回答已采纳
我是wordpress的新手，但我正在尝试修改一个模板，基本上如果你访问网站，你会看到菜单下有一个新闻图片框(黑色与灰色的图像和文本)现在基本上我想用一个nivo滑块替换这个框。我已经在网站上安装了简单的nivo滑块插件。但是，该模板没有我想要更改的区域的小部件区域，并且我不知道如何将其中一个替换为另一个。
http://79.170.40.241/shaddersafrica.com/
在index.php主页上，这段代码控制图片框中的新闻。
<?php include( TEMPLATEPATH . '/includes/latest-post.php' ); ?
浏览 2提问于2012-07-31得票数 0
我有图像和文本显示给人们时，他们上传他们的图片在输入框。
我希望设置图像和文本显示给他们作为一对，但它应该是随机挑选在池中。
所以，简单地说，
人们上传他们的照片到输入框。
一个匹配的图像和文本在池中随机出现在他们的结果。
请给我一些建议。我被困在这里一周了！
function randomImg(){
var quote = [
{
text: "1",
img: "Img/1.jpg"},
浏览 4提问于2020-09-08得票数 0
回答已采纳
2回答
输入文本框宽度和字体宽度
、、、、
我想创建一个统一的类来设置文本和文本输入框的宽度，这样任何平台都可以内联打印预定义和用户输入的数字。到目前为止，似乎没有办法让输入文本框和字体宽度在所有平台上都相等？
浏览 1提问于2014-06-24得票数 0
使用本教程，我的地图上有自定义控件
我如何创建类似这样的输入框，这样我就可以将用户输入值(例如数字)传递给我的javascript以供进一步使用？
浏览 0提问于2011-09-23得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
