Question

在控制器中，我有一个像这样的数组

    'Pipe': '|',
    'Comma': ',',
    'Tab': '\t'
  };

在ng-options中，我像这样使用它

<select 
    ng-model="csv.delimiter"
    ng-options="value as key for (key, value) in delimiters">
</select>

当我打印csv.delimiter值时，它为管道和逗号显示正确的值，但对于制表符，它显示为空。它为空格和其他转义字符显示null。请帮助

我希望制表符，空格或任何其他转义字符的值都为非空

Answer 1

我没有看到您描述的行为。制表符是有效的选择，并且已将模型适当设置为制表符。请参见下面的演示。

angular.module('myApp', [])
.controller('MainController', function ($scope) {
  $scope.delimiters = {
    Pipe: '|',
    Comma: ',',
    Tab: '\t'
  };
  
  var arr = ['foo', 'bar', 'baz'];
  
  $scope.setData = function (delimiter) {
    // For demo purposes. This is not spec to delimit
    // data by a character.
    $scope.data = arr.join(delimiter);
  };
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<div ng-app="myApp" ng-controller="MainController">
  <select 
      ng-model="csv.delimiter"
      ng-options="value as key for (key, value) in delimiters"
      ng-change="setData(csv.delimiter)">
  </select>
  <br />
  {{csv.delimiter}}
  <br />
  Is Pipe: {{csv.delimiter===delimiters.Pipe}}
  <br />
  Is Comma: {{csv.delimiter===delimiters.Comma}}
  <br />
  Is Tab: {{csv.delimiter===delimiters.Tab}}
  <br />
  <textarea ng-model="data">
  
  </textarea>
</div>

Answer 2

您可以在转义字符前添加一个额外的“ \”。例如，对于制表符，请使用\ \ t

angular使用ng-options将whitepace视为null

2 个答案: