html - 如何使用 Nebular 设置预选选项,nb-select
问题描述
https://akveo.github.io/nebular/docs/components/select/overview#nbselectcomponent
加载页面时是否可以预先选择值?
解决方案
动态数据存在问题,但对于静态数据,它的工作原理如您提到的文档中所述:
HTML:
<nb-select placeholder="Select Showcase" [(selected)]="selectedItem">
<nb-option value="">Option empty</nb-option>
<nb-option value="0">Option 0</nb-option>
<nb-option value="1">Option 1</nb-option>
<nb-option value="2">Option 2</nb-option>
<nb-option value="3">Option 3</nb-option>
<nb-option value="4">Option 4</nb-option>
</nb-select>
TS:selectedItem = '2';
推荐阅读
- flutter - Flutter Wrap 溢出的文本
- firebase - 拦截复杂业务逻辑的 Cloud Firestore 写入操作
- algorithm - 计算二维对数组中的反转
- powershell - 使用 -replace 运算符替换 CSV 行 - 保留格式 (PowerShell)
- jquery - 将 Laravel 变量传递给 Jquery 函数
- android - Google Play 控制台警告:未知验证 VALIDATE_APP_MESSAGE_ICON_NOT_UNIFORM
- java - PHP vs Java 加密密钥生成
- python - 动画队列pygame
- xml - XSLT:XML 第一个属性需要转换为具有第二个属性值的元素
- c# - 你能帮我解析这个 JSON 吗?