Aurelia框架:为下拉菜单设置默认值
如何设置repeat.for生成的下拉菜单默认值
这个问题我之前也碰到过,用双向数据绑定就能轻松搞定,具体步骤如下:
- 在你的ViewModel里新增一个变量,用来存储选中的值,并且把它初始化为你想要的默认值
95:
let a = [90, 95, 99]; let selectedValue = 95; // 这里设置默认选中值
- 修改HTML里的
<select>元素,通过value.bind把它和刚才定义的selectedValue变量绑定起来:
<select value.bind="selectedValue"> <option repeat.for="i of a">${i}</option> </select>
这样页面加载完成后,下拉菜单就会自动选中95啦。原理是双向绑定会自动把selectedValue的初始值和对应的<option>匹配,完成默认选中的设置;如果之后用户切换了选项,selectedValue的值也会自动同步更新,非常方便。
内容的提问来源于stack exchange,提问作者Isuru Siriwardana
相关产品推荐
相关产品推荐

