如何使用数据列表将对象键传递给功能

时间:2019-03-27 06:31:27

标签: javascript angularjs

我正在使用angular js中的数据列表创建可搜索的下拉列表。数据列表绑定到输入框,并且在选择选项后发生一个更改事件,该更改事件需要对象中的键。但是我无法传递对象密钥

<input type="text" 
       ng-model="selectedSkill" 
       ng-change="show(selectedName,selectedSkill)" 
       placeholder="Select skill" 
       list="skill-list"/>

<datalist id="skill-list">
         <option ng-repeat="s in skillObject">
           {{s.value}}
         </option>
</datalist>

我必须将selectedSkill用作键,而不是ng-change中的值。 有可能
ng-options =“ skill.key作为SkillObject中的Skill.value值”

我已经搜索了所有有关如何使用ng-repeat传递键值的方法,但没有成功。

<input type="text" 
       ng-model="selectedSkill" 
       ng-change="show(selectedName,selectedSkill)" 
       placeholder="Select skill" 
       list="skill-list"/>

<datalist id="skill-list">
         <option ng-repeat="s in skillObject">
           {{s.value}}
         </option>
</datalist>

我必须使用输入框选择或搜索值,因此所有操作都将仅使用输入框。

PFB skillObject如下:

skillObject=[
{"key":1
 "value":"java"
},
{"key":2
 "value":"javascript"
},
{"key":3
 "value":"angular"
},
]

0 个答案:

没有答案