列表中的离子字母分隔符

Ionic alphabetic divider in list

本文关键字:分隔符 列表      更新时间:2023-09-26

我有一个来自控制器的离子列表,它是一个存储在本地存储中的列表我正在尝试将字母分隔符放在列表中,但我对如何如何感到困惑,代码是:

应用.js

    $ionicLoading.show({
        template: '<ion-spinner icon="ios"></ion-spinner>',
        hideOnStageChange: true
      });
   $timeout(function () {
      $ionicLoading.hide();
    $scope.myList = [
    'Amazing places',
    'A brief overview',
    'Be my way'
      ];
    }, 2000);
})

在视野中

    <ul class="list">
    <li class="item item-checkbox item-text-wrap" ng-repeat='title in myList | filter: search'>
  <label class="checkbox">
   <input type="checkbox" ng-model="localStorage.choice[list]">
  </label>
       <p>{{title}}</p>
    </li>
    <ul>

关于如何获得字母分隔符的任何想法?

解决了 https://github.com/andrewmcgivery/ionic-ion-autoListDivider 的问题

这个指令用在一个简单的语法中解决了它。