您将如何从 Rest API 响应中将页面替换为 HTML？ (角度JS/节点JS)

Question

我们有一个解耦的 AngularJS (1.8) 应用程序和服务它的 Node.JS，我们正在尝试允许服务器端呈现视图。

从节点（添加为路由，响应是 HTML）：

  if (req.query.username) {
    // initializes secondary authentication process
    let frame = <SOME HTML IFRAME>
    // shows the IFrame
    res.writeHead(200, {'Content-Type': 'text/html'})
    res.end(frame)
  } else {
    res.writeHead(404, {'Content-Type': 'text/html'})
    res.end(`Make sure you add a username `)
  }
};

在我的 AngularJS controller 中（getSomeIFrameUrl 命中 Node.JS 路由）：

    $scope.generateSomeIFrame = function () {
      let email = $rootScope.user.email
      $http.get(serverConfig.getSomeIFrameUrl(email))
      .then(function mySuccess(response) {
          $scope.view2FAPiece = response.data;
      }, function myError(response) {
          console.log("Error : ", response.data.errors);
      });
    };

在HTML页面（generateSomeIFrame调用AngularJS中的function controller发出http.get请求）：

    <button ng-click="generateSomeIFrame($rootScope.user)"> IFrame Generator</button>
    <p>{{ view2FAPiece }}</p>

目前，它仅将响应（HTML）显示为页面上的字符串，我将如何呈现页面以刷新并从响应中呈现 HTML？ 或者，我们如何在单独的 window 中呈现 HTML？

Answer 1

我能够将 HTML 放入 $scope.htmlFromAPI 并显示 ng-bind-html='htmlFromAPI'。

遗憾的是 iFrame 没有显示，但这是该过程的下一步。