如何在ejs模板中解析angularJS中的ng-model变量

时间:2015-04-17 04:01:50

标签: angularjs node.js ejs angular-ngmodel

我正在使用MEAN堆栈 我将模板引擎设置为'ejs', 现在当我尝试附加一个ng模型时,它在ejs模板中没有得到解决
到目前为止的事情:

  • 尝试使用html模板(然后使用'{{''}}'),但无法正常工作
  • 在ejs模板中使用'<%=''%>',没有结果

index.ejs 的代码如下所示

  <!DOCTYPE html>
  <html>
  <head>

      <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
      <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script>

      <title>HOME</title>
      <link rel="stylesheet" href="/stylesheets/style.css">

  </head>

  <body>
        <input ng-model="name"> Hello <%= name %>
  </body>
  </html>

如何在 ejs 模板中解析名称

2 个答案:

答案 0 :(得分:1)

没有理由真正使用ejs和棱角分明。让angular处理视图中的模板和绑定数据,设置服务器端组件(express,mongo和node)作为使用JSON对象传递请求和响应体的API。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<div ng-app="">
  <input type="text" ng-model="name">
  {{name}}
</div>

也许你只是错过了你的ng-app?

答案 1 :(得分:0)

在模板上试试......

<% if(name){ %>
  <script>
  window.name= <%- JSON.stringify(name) %>;
  </sript>
<% } %>

试试你的控制器..

$rootScope.name = window.name;
console.log($rootScope.name);