标签: ionic-material

我有一个带有侧边菜单的离子项目.现在我想添加简单的方式和登录酷的形式,如 http://ionicmaterial.com/ 但问题我没有看到任何示例如何在激动人心的项目中添加它将首先加载登录表单然后将重定向到常规页面.我的项目看起来像:

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'
                }
            }
        })

如何添加具有首先加载的身份验证(令牌)的登录页面,以及如何以简单的方式添加登录页面的材料.

谢谢!!!

我已经按照将离子材料设计集成到离子项目中的步骤进行了操作.以下是我所做的事情清单:

1. 离子启动离子材料空白
2. 凉亭安装离子材料
3. 凉亭安装robotodraft
4. 在Ionic index.html页面中添加了JS和CSS库

在第五,它指示将离子材料注入您的离子应用程序,如下所示: var app = angular.module('YOUR_APP_NAME', ['ionic', 'ionic-material']);

我将在哪里以及如何在Ionic项目中注入它？我有app.module.ts和app.component.ts.但是我如何以及在何处插入提到的代码,因为它甚至要求我输入我的应用程序名称angular.module('YOUR_APP_NAME', ['ionic', 'ionic-material']).