2017-03-26 45 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插件。