Reputation: 27
I have a map data like following:
{
"RecipeID" :"000682",
"RecipeName" :"My favaorite one",
"UpdateUser" :"Tek"
}
How should I convert map into form including label and text input, for example,
Label (key) : Text Input(value)
- RecipeID : _______________
- RecipeName : _______________
- UpdateUser : _______________
I tried following method, but it seems fail.
<span ng-model="selectedRecipe">
<form ng-repeat="items in selectedRecipe">
<label>items[keys]</label>
<input type="text" ng-model="items[values]"></input>
</form>
</span>
Upvotes: 0
Views: 192
Reputation: 768
Assuming selectedRecipe
is Map<String,String>
, and to workaround this issue, add a getter to access keys of your Map
as Iterable
:
get selectedRecipeKeys => selectedRecipe.keys;
And then, you can use it in ng-repeat
this way:
<span ng-model="selectedRecipe">
<form ng-repeat="key in selectedRecipeKeys">
<label>{{key}}</label>
<input type="text" ng-model="selectedRecipe[key]">
</form>
</span>
Upvotes: 1