我用角度5创建了一个模板驱动的表单
我想首先禁用整个表单,并且还希望在单击某个按钮后启用表单,因此我在表单标记中添加了一个禁用的属性,并使其值为false,如下所示(这不起作用)虽然):
<form #formName = "ngForm" [disabled]="true">
</form>
由于上面的禁用属性不起作用,我将禁用的属性更改为
[attr.disabled] = true
这也行不通
现在因为我有表单元素的引用#formName,我在TS文件中使用它并尝试更改引用对象内的disabled属性值
这就是我所做的:
@ViewChild('formName') formName;
this.formName.disabled = true;
这也没有用,我得到一条错误消息说禁用无法更改,因为它只是一个吸气剂
默认情况下,如何在模板驱动表单的角度中禁用整个表单？
提前致谢 :)
如何设置/显示我使用角度js在数字类型的输入字段上设置的最小值和最大值的错误消息.
<input type="number" min="0.1" max="30"/>
我有一个链接和一些文字.每当我将鼠标悬停在链接上时,文本应以1200秒的时间间隔显示,并且当我从链接中移除光标时应立即隐藏文本.因此,根据我所写的内容,每当我将鼠标悬停在链接上时,文本将在1200秒后显示,并且在文本显示后,当我从链接中删除光标时,文本被隐藏,这很好.但每当我将光标放在链接上并在文本显示之前从链接中删除光标时,文本仍然显示,我不想显示.当我从链接中删除光标时,应立即隐藏文本.
有没有办法做到这一点.我提供了下面编写的代码:请看一下,提前谢谢:)
$('a').hover(function(){
setTimeout(function(){
$('.show-hide').css("visibility", "visible")}, 1200);
},
function(){
$('.show-hide').css("visibility", "hidden");
});.show-hide{
visibility : hidden;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#"><p> Hover here </p></a>
<p class="show-hide"> This should be shown when hovered </p>
<p class="show-hide"> This should be shown when hovered </p>这个问题可能是一个回答的问题,听起来可能很愚蠢.我想对齐任何元素,无论是文本,图像还是div,在垂直中心对齐,它也应该在响应式屏幕中工作.我确实通过添加margin-top和手动百分比来尝试它.我想知道是否有一种简单而好的方法可以使垂直对齐响应.
我甚至在谷歌做了一些关于它的研究,其中一些建议将容器的显示属性更改为表格,将div更改为表格单元格,然后使用垂直对齐作为中间.这听起来很简单,但它也会影响页面中的其他元素,我不希望它们作为表格.因此,我正在寻找最好的替代选择.请帮忙.先感谢您 :)
.in-middle{
width:100%;
margin-top: 25%;
}<body>
<div class="in-middle">
<h1>This should be aligned in the center</h1>
<p>Paragraph which should also be centered</p>
</div>
</body>您好，我正在尝试在表单中为用户名编写正则表达式。
正则表达式应该允许空格和 . 当文字写好时
例如：S. Harish Kumar
检查我到目前为止写的正则表达式
^[a-zA-Z\s\.]*$
上面的正则表达式也接受任何只有空格和 . 我不想要的。你能帮我做一个不接受空格和 . 什么时候没有输入文字？
提前致谢 ：）
我使用PrimeNG创建了一个数据表.我刚为数据表创建了2个标题.我实际上将从服务器获取数据,因此如果没有数据,我不希望显示默认的"找不到记录消息".
如果表中没有数据,我希望表是空的.
请看一下我在下面创建的表格:
<p-dataTable>
<p-headerColumnGroup >
<p-row>
<p-column header="Weekday"></p-column>
<p-column header="Set Class Time"></p-column>
</p-row>
</p-headerColumnGroup>
</p-dataTable>
我之前使用过渡来增加,减小div的宽度,还改变了div的背景颜色以获得动画类型的效果.我也通过在jQuery中使用animate函数完成了同样的事情.通过使用这两个过程我得到的效果是相同的.如果有人能帮助我解决他们之间的区别,那会很有帮助.先感谢您 :)
我正在尝试使用css边框创建一个形状
<div class="shape>
</div>
这是上面代码的CSS:
.shape{
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;
}
我想让这个形状响应.可能吗？提前致谢 :)
我正在尝试创建一个简单的表单，输入类型为数字，表单中的最小值和最大值应为小数。
例如输入字段中的有效数字应该是 0.1,0.2,0.3,0.4 等等直到 29.5,29.6,29.7,29.8,29.9,30.0
因此，我插入了以下代码，请看一下这段代码：
<form>
<input type="number" min="0.1" max="30"/>
<input type="submit" value="Submit"/>
</form>我将最小和最大字段设置为 0.1 - 30
但我没有收到预期的错误信息
它要求我按以下格式输入值：
0.1,1.1,2.1,3.1 最后一个可能的值是 29.1
反正有没有得到我期待的错误信息？
提前致谢 ：）
<!-- Bootstrap pills -->
<ul class="nav nav-pills">
<li class="active">
<a data-toggle="pill" href="driver-details-tab">Driver Details</a>
</li>
<li>
<a data-toggle="pill" href="#erer">Register Driver</a>
</li>
</ul>
<div class="tab-content">
<div class="container-fluid drivers-main tab-pane active" id="driver-details-tab" role="tabpanel">
<div class="tab-pane" id="register-driver-tab" role="tabpanel">
asdsdd
</div>
<div class="container-fluid drivers-main tab-pane active" id="erer" role="tabpanel">
<div class="tab-pane" id="register-driver-tab" role="tabpanel">
ffffffffffffffffffffffffffff
</div>
</div>您好，我在引导程序中使用了nav-pills，但由于某些原因它无法正常工作，请看一下上面的代码，我没有在上面的小提琴中包含引导程序
我在primeng中使用日期时间选择器来只显示时间选择器
这是我写的代码：
<p-calendar [(ngModel)]="classTimingsArray[i].start_time" timeOnly="true"></p-calendar>
因为我给了 timeOnly = true，我只得到了我想要的时间选择器
但是 ngModel 中的值是完整的日期和时间（2018 年 1 月 17 日星期三 02:00:00 GMT+0530（印度标准时间））
我只想找回时间
我该怎么做？
我试图setAttribute()在jquery中使用方法,如下所述:
$(p).setAttribute('class','first');
然而,这没有用setAttribute,所以我用attr()方法替换.
$(p).attr('class','first');
当我使用上面的代码时,它工作.
我只是想知道为什么它在我使用时不起作用setAttribute()以及为什么它在我使用时起作用attr()？
html ×5
javascript ×4
jquery ×4
css ×3
angular ×2
primeng ×2
angularjs ×1
css3 ×1
regex ×1
typescript ×1