Angular为md-select添加奇怪的选项

时间:2016-05-11 01:16:51

标签: javascript angularjs angularjs-directive angular-material

我正在让用户填写一份联系表格,其中包含一个下拉菜单,用于选择他们所在的县。

我目前正在使用ng-repeat创建50多个选项。

HTML:

<md-select name="county" ng-model="form.county">
    <md-option ng-repeat="county in counties" value="{{county.abbrev}}">{{county.abbrev}}</md-option>
</md-select> 

JS:

.controller('slothController', function($scope) {
    $scope.counties = ('Not in California,Alameda,Alpine,Amador,Butte,Calaveras,Colusa,Contra Costa,Del Norte,El Dorado,Fresno,Glenn,Humboldt,Imperial,Inyo,Kern,Kings,Lake,Lassen,Los Angeles,Madera,Marin,Mariposa,Mendocino,Merced,Modoc,Mono,Monterey,Napa,Nevada,Orange,Placer,Plumas,Riverside,Sacramento,San Benito,San Bernardino,San Diego,San Francisco,San Joaquin,San Luis Obispo,San Mateo,Santa Barbara,Santa Clara,Santa Cruz,Shasta,Sierra,Siskiyou,Solano,Sonoma,Stanislaus,Sutter,Tehama,Trinity,Tulare,Tuolumne,Ventura,Yolo,Yuba').split(',').map(function(county) {
    return {abbrev: county};
})

这完全适用于用户方,但是一旦用户提交表单(我也将其序列化为JSON),并且假设他们选择了Santa Clara作为他们的县。

我会收到一封电子邮件,其中? string:Santa Clara ?为该县的表格价值。

我希望在我的电子邮件中没有Santa Clara ? string: ?

我之前看过this帖子,但由于ng-options无法与md-select一起使用,我无法找到解决问题的好方法。

如果有人能帮助我解决这个问题,我真的很感激,我花了8个小时试图解决它。

0 个答案:

没有答案