javascript - 如果下拉值的第一个字符是空格，如何删除它？ Angular.js

Question

我有相当广泛的逻辑。这只是一个例子。这就是为什么我需要从 View 中做一些事情。您可以给我什么想法来做到这一点，或者更简单的方法不从 Controller 中做到这一点。

<select class="form-control" ng-model='zoo' id='zoo' name='animal'  
ng-options="item as item.animal for item in animals  track by item.animal">
</select>

我的想法或多或少

<select class="form-control" ng-model='zoo' id='contrato_objetivo' name='animal'  
ng-options="item as item.animal.charAt(0)==" "?item.animal.substr(1):item.animal for item in animals  track by item.animal">

在 View 中，如果第一个字符有空格，如何删除？

http://fiddle.jshell.net/3g2pmrom/

谢谢!

Answer 1

如果您可以添加一个过滤器，这意味着您不会触摸 Controller ，这将会有所帮助。

angular.module("myApp", ['ui.bootstrap'])
.controller("MyCtrl", function($scope, $modal) {
        $scope.obj={ };
    $scope.animals=[{"animal":" cat"},{"animal":"dog"}];


}).filter('removespace', function () {
    return function (val) {
        return (!val) ? '' : val.replace(/ /g, '');
    };
});

html

<div ng-app="myApp">

<div ng-controller="MyCtrl">
      <select class="form-control" ng-model='zoo' id='contrato_objetivo' name='animal'  ng-options="item as item.animal for item in animals  track by item.animal | removespace">
              <option style="display:none" value="">Select</option>
  </select>
</div>

fiddle :http://fiddle.jshell.net/eaknm1yh/

该选项的值将不带空格。