angular.js 绑定下拉框,ng-model的值需要转为字符串类型

当Angular.js应用中下拉框(<select>)的ng-model值为数字类型,而选项(<option>)值为字符串时,会出现匹配错误。示例代码显示了如何初始化ng-model为当前年份的字符串,避免出现`<option value="? number:2019 ?"></option>`的问题。解决方案是在设置初始值时用单引号将其转换为字符串类型。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Anjular.js下拉框绑定时候的时候,出现

<option value="? number:2019 ?"></option>

 

是由于初始化值的时候为number类型,而下拉框的数据为string类型,无法匹配

@{

        var start = DateTime.Now;

}

<select class="form-control col-md-2" ng-model="startYear"   id="consultStartYear"  ng-change="getTargetServant(startYear)" name="startYear1">

                        <option value="0">请选择</option>

                        @for (int i = 0; i < 5; i++)

                        {

                            <option value="@(start.Year - i)">@(start.Year - i)</option>

                        }

                    </select>

 

解决方案:

 $scope.startYear='@start.Year';

初始化值的时候,记得加上单引号,转为string类型。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值