javascript - 在 ng 重复中更改键的值

Question

我的网站运行正常，我的问题是...

我有一个

<li ng-repeat="(key,value) in bpData.slots">
     {{key}} Slots: {{value}}
    </li>   

它工作得很好，但有些键有诸如 WeaponsC 或 WeaponS 之类的单词，这又是从 json 中读取的，因为它应该......我可以以某种方式改变它(不改变 json 因为它也使用对于另一页)即武器C将显示为武器震荡，武器S将显示为武器表面。

是否需要在js中更改它，或者我可以通过其他方式更改它吗？

查看工作页面和实例

www.ahoymearty.co.uk/blueprints-wiki并使用船体菜单进行搜索。

提前致谢

韦恩

Answer 1

您可以使用filter ，这样你就可以处理各种情况了。

示例:

angular.module('appName')
    .filter('weaponsFilter', function(){
        return function(weapon) {
            var weaponStrings = {
                'weaponsC':'Weapons Concussive',
                'weaponsS':'Weapons surface',
                ...
            }

            return weaponStrings[weapon]
        };
    });

在你的 ng-repeat 中使用:

<li ng-repeat="(key,value) in bpData.slots">
     {{ key | weaponsFilter }} Slots: {{value}}
</li>