Html 作为滑块AngularJS访问嵌套JSON

我有一个JSON文件，其结构如下：

 {    "short_title":"HB_START_SHORT_TITLE",
      "tips{"1":"HB_START_TIPS_1_1","2":"HB_START_TIPS_1_2","3":"HB_START_TIPS_1_3","4":"HB_START_TIPS_1_4"},
    },

我想将嵌套项“提示”打印为带有上一个“下一步”按钮的滑块

因此，我在下面的HTML中编写了这段代码：

<ul class="sb-parentlist">
        <div data-ng-repeat="parts in data track by $index">
            <li>
               <div class="sb-open" ng-show="showDetails">
                {{parts.short_text|translate}}
                <br>
                    <li><span class="sb-text-title"  href="#" ng-click="OpenTips = ! OpenTips"><b>Tips</b></span>
                    <span ng-show="OpenTips" class="sb-open">
                    <br>

                         <div ng-repeat="data in parts.tips track by $index"  ng-class="{'tips-hide': $index  > $index + 1}">
                             {{data|translate}}
                             <br>
                             <div class="keys">
                                 <button type="button" class="btn btn-pre" ng-click="$index = $index > 1 ? $index - 1 : 1">Previous</button>
                                 <button type="button" class="btn btn-next" ng-click="$index = $index < data.length ? $index + 1 : data.length">Next</button>
                             </div>
                         </div>
                    </span>
                    </li>


                </ul>

            </div>
        </li>
    </div>
    </ul>

但我得到的是列表中的每个元素，一个接一个，每个元素的底部都有按钮

截图如下：

---

索引无法跟踪对象上的重复（至少不能以这种方式） 我将代码中的几个部分改为在代码段中模拟，看看是否有帮助

var-app=angular.module（'app'，[]）；
应用程序控制器（'DemoCtrl'，函数（$scope）{
this.openTips=true；
$scope.tipsIndex=1；
this.info=[{“short\u title”：“HB\u START\u short\u title”，
“提示”：{“1”：“HB_开始提示1”、“2”：“HB_开始提示1”、“2”、“3”：“HB_开始提示1”、“4”：“HB_开始提示1”、“4”}
}];
$scope.decrement=函数（）{
如果（$scope.tipIndex>1）{
$scope.tipsIndex=$scope.tipsIndex-1；
}
};
$scope.increment=函数（partsIndex）{
如果（$scope.tipsIndex




{{parts.short_title}}


提示


{{key}}
{{value}}


{{Object.size（parts.tips）}
以前的
下一个





请你做一个屏幕截图，这样我就可以理解什么是错误的，看起来像是CSS问题。请提供更多CSS:）我添加了更多细节谢谢！我只想在不改变控制器的情况下完成。只需将其隐藏在css中！
.tips-hide {
  left: -100px !important;
  opacity: 0 !important;
}


.sb-open {
        display: block;
        height: auto;
        opacity: 1;
        transition:all 0.6s ease;

        li {
            display: block;
        }
    }