angular使用ng-options将空格视为null

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时，它显示管道和逗号的正确值，但对于tab，它显示为null。它还为空格和其他转义字符显示null。请帮忙

我希望tab，space或任何其他转义字符的非null值

Answer 1

我没有看到你描述的行为。 Tab是一个有效的选择，模型适当地设置为制表符。请参阅下面的演示。

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