账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Angular4中下拉框selected属性与ngValue(value)属性互斥如何解决?
    33
    0

    在做个人信息修改的时候遇到了一个问题:部分下拉框的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>

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

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 残城碎梦 普通会员 1楼
      502 Bad Gateway

      502 Bad Gateway


      nginx
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部