动态构建的导航栏使用角度但不能正常工作

Question

我已经从API JSON数据构建了侧边栏导航菜单。 但是在将数据绑定到侧边栏导航菜单后，它会在单击侧边栏导航菜单中的某个选项后显示所有具有折叠状态的菜单，然后它才能正常工作。 但在初始阶段它崩溃了。 当我点击侧边栏的某些菜单中的某个选项时，它不处于折叠状态，菜单处于关闭状态，但如果我点击同一菜单中的选项则表示处于折叠状态

       <li ng-repeat="link in links" ui-sref-active="active" >                               
            <a href=""><i class="{{ link.ShortName }}"></i><span class="nav-label">{{ link.Name | translate }}</span><span class="fa arrow"></span></a>
            <ul class="nav nav-second-level">
                <li ng-repeat="subItem in link.ProgramList">
                    <a ui-sref="{{subItem.AccessibleName}}" ui-sref-opts="{reload: true}">{{ subItem.Name | translate  }}
                    </a>
                </li>
            </ul>
        </li>     

这是API调用

 $http.get('http://localhost:53396/api/Module/Get').success(function (data) {
    $scope.links = data;     

});