角JS不区分大小写的绑定？

Question

我有一个选择菜单，该菜单显示json文件中的数据，按名称显示世界各国。

我旁边有一个文本字段，该文本字段绑定到该字段并显示iso 3166 alpha_2数据（例如，CH用于瑞士）。

另外，用户可以输入2个字符的代码，菜单中将显示正确的名称。

我的问题是用户需要以大写形式键入alpha_2值才能匹配。 在上面的示例中，键入“ CH”是有效的，但是“ ch”在菜单中未显示任何匹配项。

有办法解决这个问题吗？

  <td>
     <input type="text" size="4" ng-model="country_import.alpha_2">
  </td>
  <td>
     <select ng-model="country_import" ng-options="s.name for s in iso3166 track by s.alpha_2" class="form-control input-xs country-menu"></select>
  </td>

Answer 1

只需在track by变量使用.toUpperCase()

<select ng-model="country_import" ng-options="s.name for s in iso3166 track by s.alpha_2.toUpperCase()" class="form-control input-xs country-menu"></select>

这是类似情况的小插曲： https ://plnkr.co/edit/pESocfNey55uZb85RgDE?p = preview

Answer 2

我会在上面设置一个手表，然后将用户键入的所有内容都转换为大写。

  $scope.$watch('country_import.alpha_2', function() {
        $scope.country_import.alpha_2 = $scope.country_import.alpha_2.toUpperCase();
  });