Angularjs 如何在json密钥中使用空格，并且仍然能够在json密钥中访问？

我目前在使用json中的键值时遇到问题，无法用手风琴的角度显示。当中间没有空间时，钥匙正常工作，我可以打开面板，但当我添加空间使其看起来更好时，我似乎无法打开它

这是我的密码：

<div class="col-lg-8 col-sm-12">
            <div class="panel-group" id="accordion">
                <div ng-repeat="key in notSorted(items) track by $index" class="panel panel-default menu-panel" ng-init="value = items[key]" style="margin-bottom:10px;">
                <a data-toggle="collapse" data-parent="#accordion" id="menu-link" href="#{{key}}">
                    <div class="panel-heading panel-types">
                        <h4 class="panel-title">
                        {{key}}
      </h4>
                    </div></a>
                    <div id="{{key}}" class="panel-collapse collapsing menu-items">
                        <div ng-repeat="item in value">
                            <div class="row">
                                <div class="col-sm-12 col-lg-3">
                                    <p class="item-name">
                                    <span ng-if="item.itemtype=='veg'" class="fa-stack fa-lg text-success" title="Veg"> <i class="fa fa-square-o fa-stack-2x"></i> <i class="fa fa-circle fa-stack-1x"></i> </span>
                                    <span ng-if="item.itemtype=='nonveg'" class="fa-stack fa-lg text-danger" title="Non Veg"> <i class="fa fa-square-o fa-stack-2x"></i> <i class="fa fa-circle fa-stack-1x"></i></span>

                                    {{item.itemname}}
                                    </p>
                                </div>
                                <div class="col-sm-12 col-lg-3">
                                    <p><i class="fa fa-inr"></i> {{item.price}}</p>
                                </div>
                                <div class="col-sm-6 col-lg-6">


                                            <a href ng-click="rprocess(item)"><span class="glyphicon glyphicon-minus"></span></a>

                              <span ng-bind-html="item.quantity|| 0"></span>

                                            <a href ng-click="process(item)"><span class="glyphicon glyphicon-plus"></span></a>


                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>

---

任何人都可以查看一下它，并帮助我找出如何使用它，我已经尝试使用

{{key.replace（new RegExp（'''}}}}}

代替

{{key}}}

来替换空格，但它似乎不起作用。

尝试用UTF8代码围绕字段名

'\u0022Veg启动器\u0022'

{
 "Veg Starters": [
        {
            "itemname": "Paneer Tikka",
            "itemtype": "veg",
            "price": "110"
      },
        {
            "itemname": "Mushroom Chilly",
            "itemtype": "veg",
            "price": "90"
      },
        {
            "itemname": "Masala Papad",
            "itemtype": "veg",
            "price": "20"
      }
   ]
}