javascript - 通过 app.single 使用多个状态

Question

嗨，我只是想知道我是否可以通过 app.single 使用多个状态。使用 app.single 添加另一个状态时，我的应用程序显示空白，但如果我删除它，应用程序会再次显示。

app.js
.state('app.checkin', {
      url: "/checkin",
      views: {
        'menuContent': {
          templateUrl: "templates/checkin.html",
          controller: 'CheckinCtrl'
        }
      }
    })

  .state('app.single', {
    url: "/checklist",
    views: {
      'menuContent': {
        templateUrl: "templates/checklist.html",
        controller: 'ChecklistCtrl'
      }
    }
  })

  .state('app.single', {
    url: "/checkekstra",
    views: {
      'menuContent': {
        templateUrl: "templates/checkekstra.html",
        controller: 'CheckekstraCtrl'
      }
    }
  });

如果我的问题含糊不清，请告诉我，谢谢。

Answer 1

在 ui-router 中，状态名称就像一个标识符。您不能使用相同的州名来命名两条路线。

我非常确定，如果您检查浏览器 JavaScript 控制台，您会看到错误。 (这就是为什么它会显示一个空白页)。