smart-input and reactive data source?

[davout]

I’m trying to build a form that includes a drop down list box where the data source is a reactive Observable.   Is this supported ?

<smart-input placeholder="Select folder" dropDownButtonPosition="right" [dataSource]="folders$ | async">

Rather than using ‘datasource’ is it possible to add the items in the html?  Like…

<smart-input placeholder="Select folder" dropDownButtonPosition="right" >
  <option />
</smart-input>

 

[yavordashew]

Hi davout,
Our component doesn’t support to add items in the html. For your case maybe it will be more reasonable to use ‘<smart-drop-down-list>’ component.
In the ‘<smart-drop-down-list>’ you can add items in the html similar to what you want to achieve with the ‘smart-input’.
Here is a little example of the drop-down-list component:
<smart-drop-down-list selected-indexes=”[0]” filterable>
<smart-list-item value=”1″>Affogato</smart-list-item>
<smart-list-item value=”2″>Americano</smart-list-item>
<smart-list-item value=”3″>Bicerin</smart-list-item>
<smart-list-item value=”4″>Breve</smart-list-item>
</smart-drop-down-list>
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[Author]

Posts