User interface 使用ionic和material design登录

我有一个爱奥尼亚项目，附带菜单和所有。 现在我想以简单的方式添加和登录酷表单，如 但问题是我没有看到任何例子如何添加到令人兴奋的项目中，它将加载登录表单，然后重定向到常规页面。 我的项目看起来像：

app.config(function ($stateProvider, $urlRouterProvider) {
    $stateProvider

        .state('app', {
            url: "/app",
            abstract: true,
            templateUrl: "templates/menu.html",
            controller: 'AppCtrl'
        })
        .state('app.placeslists', {
            url: "/placeslists",
            views: {
                'menuContent': {
                    templateUrl: "templates/placeslists.html",
                    controller: 'PlaceslistsCtrl'
                }
            }
        })

如何添加将首先加载的带有身份验证（令牌）的登录页面，以及如何以简单的方式添加登录页面的资料

---

谢谢

您可以在app.js中添加新的state login，它将加载login.html和controller，并通过defalut加载，如：

.state（'登录'{ url:“/login”， templateUrl:'templates/login.html'， 控制器：“LoginCtrl” })

//如果上述状态均不匹配，则将其用作回退 $urlRouterProvider。否则（'/login'）

---

在登录控制器中，当您成功登录时，您可以使用$state.go（'app.placeslists'）将其重定向到任何页面；它将加载常规页面。

我在末尾找到了所有带有演示的信息 您还可以在以下网站中找到：

---

要实现登录，您需要这些东西

登录状态

登录模板

处理令牌的逻辑

$stateProvider
.state（'登录'{
url:“/Login”，
templateUrl:“app/templates/Login.html”
})

投掷者
登录
登录

您能举例说明如何使用材质设计来实现此ui的类似登录页面吗？