2017-03-26 42 views
0

我无法弄清楚如何将ejs代码转换为角度,因为我使用csrf令牌,消息闪烁并需要放入离子以显示闪光信息。在HTML中EJS显示文本ejs代码显示角度为离子框架的flash消息

<% if (hasErrors) {%> 
<div class="alert alert-danger"> 
<% messages.forEach(function(message){ %> 
<p><%= message %></p> 
<% });%> 
</div> 
<% }%> 

如何转换到以角得到的只是数据....

这是使用快递

var express = require('express'); 
    var router = express.Router(); 
    var User = require('../models/User.js'); 
    var csrf = require('csurf'); 
    var passport = require('passport'); 

    var csrfProtection = csrf(); 
    router.use(csrfProtection); 



    /* GET signup page. */ 
    router.get('/', function(req, res, next) { 
    res.render('signup', { title: 'Sign Up'}); 
    }); 

    /*GET create account page.*/ 
    router.get('/register', function(req, res, next){ 
    var messages = req.flash('error'); 
    res.render('register', {csrfToken: req.csrfToken(), messages: messages, hasErrors:messages.length >0 }); 
    }); 
    /*POST register saves email then go to questions*/ 
    router.post('/register', passport.authenticate('local.register',{ 
    successRedirect: 'questions', 
    failureRedirect: '/', 
    failureFlash: true 
    })); 


    router.get('questions', function(req, res, next){ 
    res.render('questions'); 
    }) 

注册后端IM。 HTML(我知道我必须把东西围绕EJS代码)

<div id="createaccount"> 
<a class="button icon-left ion-chevron-left button-clear button-light" a href="#/signup"></a> 
<h1 class="hidden">Creating Account</h1> 
<img src="../img/logo.png" alt=logo id="logo"> 
<div id="footer"> 
<div class="imageHolder"> 
<img src="../img/email.png" alt=mail id="emailIcon"> 
<img src="../img/key.png" alt="key" id="keyIcon"> 
</div> 

<% if (hasErrors) {%> 
<div class="alert alert-danger"> 
<% messages.forEach(function(message){ %> 
    <p><%= message %></p> 
<% });%> 
</div> 
<% }%> 

<div class="list list-inset" id="form"> 
<form action="register" method="post"> 
<label class="item item-input"> 
<input type="text" placeholder="Email"> 
</label> 
<label class="item item-input" id="passform"> 
<input type="text" placeholder="Password"> 
</label> 
<input type="hidden" name="_csrf" value="<%= csrfToken%>"/> 

<div> 
<input type="submit" value="SIGN UP" a href="#/questions" button class="button" id="submitbutton"></a> 
</div> 
</div> 

    </form> 
    </div> 

    </div> 

app.js这是我到目前为止并我知道我已经把这里的东西

var HCapp = angular.module('HCapp',['ionic','ui.router']); 

    HCapp.config(['$stateProvider','$urlRouterProvider', function($stateProvider, $urlRouterProvider){ 
    $stateProvider 
    .state('signup', { 
    url: '/signup', 
    templateUrl: 'views/signup.html' 
    }) 

    .state('register',{ 
    url:'/register', 
    templateUrl: 'views/register.html' 
    }) 

    .state('sign-in', { 
    url:'/sign-in', 
    templateUrl: 'views/sign-in.html' 
    }) 

    .state('questions',{ 
    url:'/questions', 
    templateUrl: 'views/questions.html' 
}) 

$urlRouterProvider.otherwise('signup'); 
}]); 

回答

0

EJS需要一个模板引擎来运行,这将不存在离子由于没有节点运行时或模板引擎。如果你需要这种支持,你需要添加一个自定义的cordova插件。