EJSでhtmlファイルをレンダリングします。

ノード+角型プロジェクトがあります。私はHTMLページをレンダリングし、いくつかの値でそれを初期化したい。 Angularスコープに関連付ける値をとっておきます。EJSでhtmlファイルをレンダリングします。

入力がありますので、ng-modelとリンクしましたが、EJSの初期化が消去されます。

server.js：

var express = require('express'); 
var app = express(); 
app.engine('html', require('ejs').renderFile); 
app.set('views', __dirname + '/front/views'); 
app.set('view engine', 'html'); 
app.use('/front',express.static(__dirname + '/front')); 

app.get('/signup',function(req,res){ 
    res.render('view',{ 
     user:{ 
      email:"user mail", 
     } 
    }) 
}); 
var port = 5000; 
app.listen(port, function() { 
    console.log("Listening on " + port); 
});

view.html：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script> 

<script src="/front/controllers/app.js"></script> 

<html ng-app="onboardingApp"> 

    <form id="msform" novalidate ng-controller="onboardingController"> 

     <input required type="text" name="email" ng-model="signup.user.email"> 
     <label for="email">Email</label> 

     <input type="button" name="next" ng-click="displaySignup()" value="NEXT"/> 

    </form> 

</html>

app.js：input required type="text" name="email" ng-model="signup.user.email"

：

var onboardingApp = angular.module('onboardingApp', []); 

onboardingApp.controller('onboardingController',function OnboardingController($scope) { 

    $scope.signup = { 
     user:{ 
      email:"" 
     } 
    } 

    $scope.displaySignup = function(){ 
     console.log($scope.signup) 
    } 

});

は、だから私は、の値を設定しようとしています

とejsをこの値が角度モデルにリンクされることsignup.user.email.

誰かが私を助けることができますか？

出典

2016-08-04 jean-Philippe

あなたview.htmlの終わり

<script type="text/javascript"> 
     angular.module('onboardingApp') 
     .value('userEmail', <%- JSON.stringify(user.email) %>); 
</script>

でJSのこの作品を追加し、あなたがそれを必要な場所そうのような構成要素を注入することができます

onboardingApp.controller('onboardingController', 
function OnboardingController($scope, userEmail) { 

    $scope.signup = { 
     user:{ 
      email: userEmail 
     } 
    } 

    $scope.displaySignup = function(){ 
     console.log($scope.signup) 
    } 

});

出典

2016-08-04 15:32:00 Karim

それが動作ありがとう：） –

EJSでhtmlファイルをレンダリングします。

答えて

関連する問題