试图了解角度ui-router状态＆amp;模板

Question

我正在查看一些Angular代码，并试图在它之上构建，但是我很难尝试创建一个多部分搜索表单。

我想要的流程是：

1. 输入category

2. 输入location和search_radius

3. 输入min_price至max_price。将来会有更多功能。

在第3步，会有一个提交按钮。

现在，这正是我计划做的事情。我很难与三个州合作。

这是我正在使用的现有代码。我正试图将当前形式分解为如上所述的3个部分。

'use strict';

angular
  .module('search_local', [])
  .config(SearchLocal);

function SearchLocal($stateProvider) {
  $stateProvider
  .state('main.searchLocal', {
    url: '/search/:id',
    views: {
      "search-local" : {
        template: '<search-local></search-local>',
      }
    },
    title : 'Search for local listings'
  });
}

SearchLocal.$inject = ['$stateProvider'];

要将search-local.html中的当前表单分成3个视图，我想创建3个状态。我尝试在SearchLocal（）中添加第二个.state( ... )，但似乎没有任何效果。

以下是我要做的所有事情 -

我制作了step-one.html，step-two.html和step-three.html。

每个文件只有一个<a ui-sref="main.stepX">Next</a>进入下一个状态，但是Next没有出现。