javascript - 在 ng-repeat 中显示带空格的键名

Question

在我重复键值对的地方重复，我的键没有空格，而我需要用空格显示。

我的 ng-repeat:

ng-repeat="(key, value) in scenariosViewAll.collectionBookObject" 

我在跨度中显示:

<span class="accordion-title">
       {{key}}
 </span>

在 Controller 中，我将数组推送为:

 vm.shared.collectionFlyoutObject.BusinessDrivers.push(data);

它工作正常并显示为 BusinessDrivers 键。 但我需要显示为业务驱动因素。

Answer 1

您也许能够以某种方式使用当前键并按照您想要的方式向其添加空格。一种替代方法是只在集合簿对象中维护键的人类可读形式的状态。假设这样一个字段 keyView 存在，那么您将在 value 上访问它，而不是 key，使用这个:

<span class="accordion-title">
    {{value.keyView}}
</span>

另一种方法是在您的 Controller 中维护一个映射，该映射可以将键映射到您想要的人类可读形式，例如

$scope.keyViews = { };
$scope.keyViews['BusinessDrivers'] = 'Business Drivers';

然后用这个显示:

<span class="accordion-title">
    {{keyViews[key]}}
</span>

但出于维护和其他原因，这种方法不如将所有相关状态保存在单个 map 中好。