Dart- How to convert map data into form by angular dart interface?

Question

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>

Mike · Accepted Answer · 2015-07-15 07:41:14Z

1

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>

edited Jul 15, 2015 at 7:41

answered Jul 14, 2015 at 16:44

Mike

7688 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Tek Over a year ago

Thanks, Mike. But it was still fail. Is this measure workable on your case ? Console show me: Class has no instance getter 'key'. NoSuchMethodError: method not found: 'key' Receiver: Instance of class Arguments: [] It seems that ng-repeat cannot recognize map data.

Mike Over a year ago

Sorry, I had no possibility to test the answer. Looks like there is an issue at angular's github, please see updated answer. Now it's working.

Collectives™ on Stack Overflow

Dart- How to convert map data into form by angular dart interface?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related