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

Question

我正在使用 MEAN 堆栈。
我已将模板引擎设置为 'ejs'，现在当我尝试附加一个 ng-model 时，它没有在 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 模板中解析 name？

Answer 1

没有理由将 ejs 与 angular 一起使用。让 angular 处理视图中的模板和绑定数据，设置您的服务器端组件（express、mongo 和节点）作为使用 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？

Answer 2

在模板上试试这个...

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

试试你的控制器..

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

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

How to resolve a ng-model variable from angularJS in ejs template

ejs

node.js

angularjs

angular-ngmodel