ejsコードでイオンフレームワークの角にフラッシュメッセージを表示する

Question

私はcsrfトークン、メッセージフラッシュを使用していて、フラッシュを表示するためにイオンを入れる必要があるため、ejsコードを角にする方法を考え出すのに問題があります。メッセージ。 HTMLでEJSがテキスト私はちょうどデータを取得し、角度に変換しますか

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

登録を使用してバックエンドのイムです。 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'); 
}]); 

Answer 1

EJSがどのノードの実行時やテンプレートエンジンがないので、イオンには存在しないだろう、実行するテンプレートエンジンを必要とし、ここで何かを置くために知っています。このサポートが必要な場合は、カスタムコードバスプラグインを追加する必要があります。