angular.js - How to modify the url format of angular

Question

http://localhost/shop#/item/1000
I want to change it to http://localhost/shop#item-1000
I use $stateProvider

<code>
  .state('item', {
        url: '/item/:id',
        templateUrl: "/ionic/templates/item.html",
        controller:'ItemShowController'
      })
</code>

The above has also been changed. Changing it to url: 'item-:id', is useless

Answer 1

First generally #之前的路由是后端提供的，#之后的路由是由Angular控制的；#表明整个应用使用的是Angulardefault hash routing. If you want to change it to what you want, you can try this:

<code class="javascript">.state('item', {
        url: '/item-{id}', // 这里这样写路由
        templateUrl: "/ionic/templates/item.html",
        controller:'ItemShowController'
      })</code>

This should be fine