Angular4中下拉框selected属性与ngValue(value)属性互斥如何解决?

在做个人信息修改的时候遇到了一个问题:部分下拉框的option内容是由后端通过json传递过来的,格式大概为:

{
"arriveTime":
{
"id":150,
"name":"待定",
"sort":1
},
{
"id":151,
"name":"立即",
"sort":2,
"selected":true
}
}
于是我把该实体通过循环填充:

<div class="area-int">
  <select formControlName="arriveTime">
    <option *ngFor="let a of resume.arriveTimeDic" [selected]="a.selected" [ngValue]="a">
      {{a.name}}
    </option>
  </select>
</div>

结果发现只要有ngValue或是value属性存在,selected就会失效。使用ngValue的意图是,因为后端需要我同时把id和name两个字段都传过去。我使用另一种方式也同样没有效果:

<div class="area-int">
  <select formControlName="arriveTime">
    <option *ngFor="let a of resume.arriveTimeDic" [selected]="a.selected" [value]="a.name">
      {{a.name}}
      <input formControlName="arriveTimeId" [value]="a.id">
    </option>
  </select>
</div>

搜索未果,特向大神们请教,小白自学,感激不尽!

1个回答

 搞不懂,既然是用angular4,那页面节点的属性定义怎么会和后端挂上勾呢,与后端交互的都在ts代码的http请求调用中,与前端模板有什么关系。
danielinbiti
danielinbiti 回复微雨燕凝霜寒: <div class="area-int"> <select formControlName="arriveTime" [(ngModel)]="定义个a对象,就是选中的值"> <option *ngFor="let a of resume.arriveTimeDic" [ngValue]="a,a中如果有value值是最简单的"> {{a.name}} </option> </select> </div>
接近 2 年之前 回复
xu1227233860
微雨燕凝霜寒 谢答!是这样的,我的表单验证都放在了ts里面,因为验证方面不需要做太多要求,所以我没把ts代码贴出。按照以往一个表单控件传输一个填写项的话是不存在其他问题的,但现在后端要我在选择一个option的同时,把该option对应的实体其中的两个属性值都返回过去。这时我就遇到了问题,如果同时传输两个属性值,那option的selected属性就会失效,如果想要使用selected就不能添加value属性。
接近 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
select下拉框默认选中selected属性不起作用
问题: 问题:使用select写的下拉菜单对默认选选中的option项设置selected=&amp;quot;selected&amp;quot;属性,不起作用,没有实现默认选中。 分析: 分析:使用谷歌浏览器打开页面时,selected=&amp;quot;selected&amp;quot;默认选中事件有效。当使用火狐浏览器打开刷新页面后显示的是上一次关闭时选中的option选项,默认选中属性selected=&amp;quot;selected&amp;quot;失效。
select标签中selected="selected"属性为什么不起作用?
rn >到校经费rn >匹配费rnrn设置了selected="selected"为什么不起作用,被默认选中的是最后一个opiton,大虾们帮帮忙啊!
Angular4的输入属性
输入属性通常用于父组件向子组件传递信息 举个栗子:我们在父组件向子组件传递股票代码,这里的子组件我们叫它app-order 首先在app.order.component.ts中声明需要由父组件传递进来的值order.component.ts... @Input() stockCode: string@Input() amount: string ...order.component.html<p
下拉菜单selected属性的获取
rn 1月rn ......rn ......rn 12月rnrnrn我选择一个月份,跳转到新的页面的时候怎么固定成这个月份啊,就是怎么让它成为默认的selectedrn比如现在默认的是1月,我选择7月后,在新的页面,怎样出去个新的选择框,让它的默认成7月。
value属性
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; &amp;lt;input type=&quot;text&quot; value
属性描述对象中的value和writable属性
<p>rn 本课将带你学习前端开发中最重要的技术JavaScript, rn它是网页与用户进行交互的基石。我们将从最简单的点击事件、表单提交、元素改变颜色开始,一步步由浅及深学习JS的各种酷炫知识。最后我们还会学习Jquery框架,以提高你的前端开发效率。学完本课后,你将能独立做出与用户有复杂交互(表单、动画、视频等)的网站效果。rn</p>
添加class属性--互斥
添加class属性--互斥
如何获取没有value属性的元素的value?
WebElement element= driver.findElement(By.xpath(&quot;&quot;));//定位到元素Assert.assertTrue(element.getAttribute(&quot;value&quot;).equals(&quot;输入值&quot;));//插入断言,判断是否等于这个元素输入值使用getAttribute来get你的输入值...
Angular4学习笔记--HTML属性绑定
Css 类绑定 &amp;lt;!-- 第一种情况 class 类全部替换 --&amp;gt; &amp;lt;div [class]=&quot;divClass&quot;&amp;gt;CSS 类绑定,[class] 全部替换的例子&amp;lt;/div&amp;gt; &amp;lt;!-- 第二种情况 替换 class 类的部分属性 --&amp;gt; &amp;lt;div [class.a]=&quot;isSpcial&quot;&amp;gt;CSS 类绑定,[class.sepc
使用单选按钮中的 value 属性
&amp;lt;input type=&quot;radio&quot; name=&quot;brower&quot;&amp;gt;  必须一起存在,不然单选框有误。 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;meta name=&qu
Gaugecontrol中的Value属性问题
表盘控件gaugecontrol 赋值输出属性是 Scale.Valuern我现在有个textBox1,我想把这里的“Text”值 给表盘的Scale.valuernrnrn这个语句到底该怎么写????
动态改变select的默认属性selected
rn rn 前3天rn 前5天rn 前7天rn 前10天rn rnrn选择任意option的值,点击提交按钮后,页面跳转默认改变当前的selected,例如我选择前3天,在第一个option标签添加selected=selected,选择前5天就在前5天标签添加selected。用
关于select下拉列表的selected属性
echo "";rnfor($i=0;$i".$colorTemp[1]."";rn rnecho "";rnrn在echo 出来的select下拉菜单 的option 里面要加selected属性 根据$pColor[$j]是否等于$colorTemp[0]进行判断,如果是selected属性为true 否则为false 该怎么写啊,大神来救我。。
MVC 控制器如何获取页面下拉框的value和text的属性
MVC 控制器如何获取页面下拉框的value和text的属性呢,rn在页面的代码如下rn rn @foreach (var item in @ViewBag.list as List)rn rn if (item.cinvcname == Model.BM17)rn rn @item.cinvcnamern rn elsern rn @item.cinvcnamern rn rn rnrn在控制器获取值 的代码如下rn string BM16 = collection["txtBM16"];rn string BM17 = collection["txtBM17"];rn只能获取到value值,如何获取text值呢, 谢谢。
如何引用JCheckBox的selected属性状态?
JCheckBox的方法setSelected()可以设置它的属性rnrn但是如果引用它的属性呢?rnrn其他类似控件(JRadioButton)这样的问题如何解决?rnrn谢谢!
layui下拉框中的模糊查询属性
在select框中添加 lay-search=&quot;&quot;      
写C#控件的属性 动态的生成属性下拉框怎样解决?
写一个C#中的控件 属性中需要使用下拉框 使用meun只能生成静态的下拉 要是使用动态生成下拉框的值用什么方法rnrnrn顺便问一下 我要在控件退出时的进行处理怎么写呢? 就是在删除这个控件时需要做的处理。
input标签的value属性
input标签的value属性eg: 设置input域值的三种方式 1.初始化设置,通过在标签中设置value属性,设置input域的值 2.通过原生js设置,eg: document.getElementById(“input”).value = 2 注:这种方式会同时改变value属性和input域的值 3.通过jQuery的val方法 (“input”).val(3);注:这种方
关于value属性的问题
if thisform.edit1.value=""rn thisform.edit2.value=thisform.edit1.valuern thisform.edit1.value=""rn thisform.commandgroup1.command2.enabled=.t.rnendifrnrn这是书上的一段代码rnrn为何thisform.edit1.value 为空了,还把它赋给edit2?rn而且,调试显示那个值,却有东西的,为什么还会=""rnrn急!
input标签的value属性的问题
看得燕青的springmvc视频中,他的input标签是这样写的,rnrnrnrn```rn rn```rnrnrnrn备注:有个PO叫items,items中有个字段叫name。rnrn我想问,他的value写成这样是什么意思?
属性赋值-@Value赋值
《Spring注解驱动开发》是一套帮助我们深入了解Spring原理机制的教程; rn现今SpringBoot、SpringCloud技术非常火热,作为Spring之上的框架,他们大量使用到了Spring的一些底层注解、原理,比如@Conditional、@Import、@EnableXXX等。如果掌握这些底层原理、注解,那么我们对这些高层框架就能做到高度定制,使用的游刃有余;
textarea 的value属性
怎么将属性的value值(超文本格式)传递到页面显示时自动按超文本源码转换成页面显示效果。rn如<textarea name="content"> rncontent.value=" adsfa " rn我想实现的是content方本框中显示是一个表格有一行,值是adsfa.rn我试过如果不用方本框,用DIV可以显示出效果,但不能进行编辑。rn请高手帮我看一下,谢谢。希望我表达的能明白。
input标签的value属性详解
value 属性的用法是由 input 标签的 type 属性的值决定的 当 type 的取值为 button、reset、submit 中的其中一个时,此时 value 属性的值表示的是按钮上显示的文本 当 type 的取值为 text、password、hidden 中的其中一个时,此时 value 属性的值表示的是输入框中显示的初始值 当 type 的取值为 checkbox、radio、...
HTML 标签的 value 属性
value 属性为 input 元素设定值。 对于不同的输入类型,value 属性的用法也不同: type=”button”, “reset”, “submit” - 定义按钮上的显示的文本 type=”text”, “password”, “hidden” - 定义输入字段的初始值 type=”checkbox”, “radio”, “image” - 定义与输入相关联的值 注释: 和...
8、@Value属性赋值
根据@Value可直接 在属性名上进行赋值,赋值的内容可以分为以下8种: ①字符串:@value(“要赋值的字符串”) ②数字:@value(&amp;amp;quot;#{T (java.lang.Math) .random( ) *10 }&amp;amp;quot;) ③系统名称:@Value(&amp;amp;quot;#{systemProperties[‘osName’]}&amp;amp;quot;) ④文件:@value(“classpath:包名/xx.txt”) 注意:可以是任
是不是没有value的属性 ?
过去使用有显示值及实际值, 这常应用在从数据库取得数据后实际值为数据编号而显示值为数据的名称, 当Submit之后可以由所接收得到的实际值来知道那几笔数据被选择来加以应用。rnrn但是似乎没有了实际值, 只能设定Text的属性, 在浏灠器所显示的结果为rn这是测试rn如此没有了实际值, 在应用上造成了不便, 除非是将id设定为数据编号, 在以Checked属性来判断, 或者改用但这跟以前的做法观念不大相同, 做起来很不顺手, 为什么微软不在加入value的属性呢 ?rn
注解的value属性
如果一个注解中有一个名称为value的属性,且你只想设置value属性(即其他属性都采用默认值或者你只有一个value属性),那么可以省略掉“value=”部分。 例如: import java.lang.annotation.*; import static java.lang.annotation.ElementType.TYPE; import static java.lang.an...
value与innerHTML属性的区别
rnrnrn rn 无标题文档rn rn rnrnrn rn 复制代码rn <span style="color:#FF0000">红色字体</span>rn rnrnrnrn以上代码中的value和innerHTML属性到底有什么区别呀?
C# 限制 属性 的value
如何设置class 的property的value 的范围,也就是说类似拦截set方法。但我不想在每个属性的set方法里写,最好用attributer来规范
CheckboxList添加Value属性
[b]CheckboxList添加Value属性.[/b]rnrn公司框架的取值结构是:rnrn[code=C#]rnrn厂服rn门卡rnrn[/code]rnalt:后面跟的是value的值.rn生成的HTML:rn[code=HTML]rn rn rn 厂服 门卡rn rnrn[/code]rnrn现在我需要做动态绑定.生成出的html是没有value值的.也没有上面的span标签.rn如何才能动态绑定后让其结构和以上HTML一致.求解..rnrn
value属性、v-model属性类型错误
1、报错 [Vue warn]: Invalid prop: type check failed for prop "value". Expected Number with value 4.7, got String with value "4.7". 2、报错原因 (1)、后台返回的数据,是String类型的,而组件Rate要求的v-model或者value属性的值为number型,...
日期挑选器的 value 属性与 _value 属性的区别是什么呢?
日期挑选器的 value 属性与 _value 属性的区别是什么呢?rn为何 为 value 属性赋值不行呢?rn只能为 _value 属性赋值。rnrn以下代码可以,rnm.lcDate='2010-03-12' &&字符型日期rnThisform.dt1._Value=Ctod(m.lcDate)rnrn但是这样就不行rnm.lcDate='2010-03-12' &&字符型日期rnThisform.dt1.Value=Ctod(m.lcDate)rnrn_value 有何特别之处呢?rnrnrnrnrn
如何使同级菜单的Checked属性互斥?
如题.
spinner下拉框位置属性
主要有三个属性: 1、android:spinnerMode=”dropdown|dialog” 设置下拉框位置2、android:dropDownVerticalOffset=”50dp” 垂直偏移量 3、android:dropDownHorizontalOffset=”50dp” 水平偏移量
下拉框的autopostback属性
下拉框的autopostback属性设置为true,然后在DropDownList1_SelectedIndexChanged事件中写代码,rn和autopostback属性设置为false,然后再用一个button提交这两种方式有区别吗?
下拉框 select 属性方法
当前选择项的索引:selectedIndex 删除选中的选项:remove(selIndex); 移动option : oListboxTo.appendChild(oOption) 添加option: selectedObjs.options.add(new Option(code[j],code[j])); 取得value 值:oListbox.options[i].getAttri...
ComboBox的下拉框属性
在点击ComboBox打开其下拉框时,用鼠标在下拉框上移动时,鼠标rn停留在下拉框中的某一项时,能否显示某一提示信息,如下拉框中rn是代码时,要求显示名称rn
求教下拉框属性问题
怎么用代码指定下拉框展开?
请问如何动态给中的赋属性selected
请问如何动态给中的赋属性selected:rn静态:rnrnaaaaarnrnrn动态怎么办?在线等待
jsp中中的 param 和value属性区分
额。对param 和value这两个属性有点模糊了。求详解。
相关热词 c#部署端口监听项目、 c#接口中的属性使用方法 c# 昨天 c#func链接匿名方法 c#怎么创建文件夹 c#从键盘接收空格 c#da/ad c#部门请假管理系统 c#服务器socket c# 默认的访问修饰符