首页 > 解决方案 > 如何使用 Nebular 设置预选选项,nb-select

问题描述

https://akveo.github.io/nebular/docs/components/select/overview#nbselectcomponent

加载页面时是否可以预先选择值?

标签: htmlangularnebular

解决方案


动态数据存在问题,但对于静态数据,它的工作原理如您提到的文档中所述:

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';


推荐阅读