javascript - 在angular js中多选一个与之关联的值
问题描述
我打算在我的项目中添加多个选择字段,但问题是我想在每个选定的值中再捕获一个整数值,谁能建议我选择值和多项选择的最佳方法。我的多选下拉列表看起来像这样..提前感谢
<div class=" multiselectdd "><multiselect ng-model="vm.inventory.SiteId" options="site.value as site.label for site in vm.sites" data-header-key="header"data-divider-key="divider" scroll-after-rows="5"filter-after-rows="0">
</div>
解决方案
我没有正确理解,但如果您想在选择列表中选择多个对象,您可以:
Javascript 端
$scope.SelectedChanged = function (yourModel) {
if (yourModel.length > 1) {
$scope.newModel = yourModel[1];
}
};
HTML 端
<select name="yourElementName" multiple ng-model="yourModel" ng-change="SelectedChanged(yourModel)">
<option value="0">One</option>
<option value="1">Two</option>
<option value="2">Tree</option>
<option value="3">Four</option>
</select>
并调用您的模型进行测试
<span>{{yourModel}} - Second Value: {{newModel}} </span>
当您选择多个元素时,让我们说“一和二”,您将看到:
输出
["0","1"] - 第二个值:1
推荐阅读
- c++ - 我可以删除对象的右值版本的函数吗?
- django - Why does get and filter work differently for annotated fields?
- c++ - Wrong type of input
- python - The execution order inside a corutine?
- reactjs - How to get value as string, not object
- java - Using SNMP4J-Agent with a Logback configuration
- php - autocomplete results show up but cant find uppercase letters
- c++ - 访问多个数组时 cpu 缓存会做什么?
- reactjs - How can I properly import TSX files using relative paths?
- c# - 静态属性未通过绑定在类中实例化