AngularJS-UI-Router路径之前：params问题

Question

我需要使用ui-routes创建多个带有参数的比较双模型页面，如​​下所示：

http://localhost:3030/compare/thinkpad-t430-and-thinkpad-x220

这是我的$stateProvider：

.state('compareTwo', {
    url: '/compare/:models',
    templateUrl: '/views/compareTwo.html',
    controller: 'CompareTwoCtrl'
});

这是我的HTML：

<button type="submit" ui-sref="compareTwo({models: urlModelMain+'-and-'+urlModelCompare})" class="btn btn-primary">Compare</button>

它的更改url，记录来自新控制器的消息，但仍保留在同一视图和控制器上。

但如果您将url: '/compare/:models'更改为url: '/:models'，一切正常。

为什么？