Angular injects “string:” before value in ng-options
I have a ng-options list defined with a HTML select element such as:
-
Here is the working Plunker
And JS:
<select ng-model="template" ng-options="c as (c.label + ' - ' + c.name) for c in options">讨论(0) -
This behavior is documented in the angular changelogs, as a breaking change for Angular 1.4-beta.0. https://github.com/angular/angular.js/blob/master/CHANGELOG.md#breaking-changes-17
Basically, in order to preserve duplicate checking within
ng-options, if a list of primitive values are supplied tong-options, the value's type is prepended to the value in order to create a unique hash key to track (this differs from earlier versions of angular, which would track by the index or the key of the item in the collection).In practice, this should not affect most usages of
ng-options. If it is important for you to preserve thevalueparameter of the dropdown, you can use thetrack byparameter inng-optionsin order to provide an alternate key to be used for duplicate tracking.Note that this differs from
ng-repeat, in thatng-repeatcannot generate a surrogate key using this method, since it would affect the behavior of the repeated elements. Therefore if a duplicated list is passed tong-repeatwithout atrack byclause,ng-repeatwill produce an error and not render the items, whereng-optionsis able to render the list.讨论(0)
加载中...
- 热议问题