如何将角2前置快速 JS 变量导出到角2分量？

根据我的研究, 我正在用我的代码做下面的工作。目前, 我得到以下错误在我的控制台, 我不明白为什么。我按行跟踪教程。

任何帮助将不胜感激。我试图从我的例. js 文件中导出 nameid 变量, 以便在角度组件中使用。

angularar-madisp/concontoutes. js

var xmldoc = require('xmldoc');
var DOMParser = require('dom-parser');
module.exports = function (app, config, passport) {

  app.get('/', function (req, res) {
      res.redirect('/home')
  });

  app.get('/login',
    passport.authenticate(config.passport.strategy,
      {
        successRedirect: '/',
        failureRedirect: '/login'
      })
  );

  app.post('/', function(req, res) {
    console.log('body saml:', req.body.SAMLResponse);
    const body = req.body.SAMLResponse;
    var b = new Buffer(body, 'base64');
    let text = b.toString('ascii');
    //var inflated = pako.inflateRaw(b, {to:'string'});
    console.log('formmatted saml',text);
     var document = new xmldoc.XmlDocument(text);
     console.log('formmatted document',document);
     var status = document.descendantWithPath("samlp:Status").firstChild.attr;

   var attr = text.includes("AttributeStatement");
   var nameid = text.substring(text.lastIndexOf("") + 8,text.lastIndexOf(""));
   module.exports.nameid = nameid;
    console.log("status id:", status['Value']);
    console.log(attr);
      console.log('LDAP DB username: ' + nameid);



};

angular-master/src/app/site/user-history/user-history.component.ts

import { Component, OnInit } from '@angular/core';
import { RouterLink } from '@angular/router';
import { FormArray, FormControl, FormGroup, Validators } from '@angular/forms';
import { Observable } from 'rxjs';
import { HttpClient } from '@angular/common/http';
import { element } from 'protractor';
import { ActivatedRoute } from '@angular/router';
import { Router } from '@angular/router';

var routes = require('./../../../../express/config/routes.js');


@Component({
  selector: 'app-user-history',
  templateUrl: './user-history.component.html',
  styleUrls: ['../style.css']
})
export class UserHistoryComponent implements OnInit {


  constructor(
    private route: ActivatedRoute,
    private router: Router
  ) {}


  ngOnInit() {
      console.log(routes.nameid);


}

我的控制台显示以下错误:

xmldoc.js:5 Uncaught ReferenceError: global is not defined
    at xmldoc.js:5
    at Object../node_modules/xmldoc/lib/xmldoc.js (xmldoc.js:339)
    at __webpack_require__ (bootstrap:76)
    at Object../node_modules/xmldoc/index.js (index.js:3)
    at __webpack_require__ (bootstrap:76)
    at Object../express/config/routes.js (routes.js:1)
    at __webpack_require__ (bootstrap:76)
    at Object../src/app/site/user-history/user-history.component.ts (user-history.component.ts:23)
    at __webpack_require__ (bootstrap:76)
    at Object../src/app/site/site.module.ts (main.js:8001)
(anonymous) @ xmldoc.js:5
./node_modules/xmldoc/lib/xmldoc.js @ xmldoc.js:339
__webpack_require__ @ bootstrap:76
./node_modules/xmldoc/index.js @ index.js:3
__webpack_require__ @ bootstrap:76
./express/config/routes.js @ routes.js:1
__webpack_require__ @ bootstrap:76
./src/app/site/user-history/user-history.component.ts @ user-history.component.ts:23
__webpack_require__ @ bootstrap:76
./src/app/site/site.module.ts @ main.js:8001
__webpack_require__ @ bootstrap:76
./src/app/app.module.ts @ app.component.ts:13
__webpack_require__ @ bootstrap:76
./src/main.ts @ environmentLoader.ts:21
__webpack_require__ @ bootstrap:76
0 @ main.ts:16
_

哦, 你必须使用导入, 而不是要求。

import * as routes from './../../../../express/config/routes.js';
ngOnInit() {
  console.log(routes.nameid);
}

但为什么要在前端调用后端变量呢？它们是分离的服务器

您需要了解, Node js 是一个服务器端框架, 角度是一个前沿框架, 两者都需要编译。

由于两者都是 javascript, 您认为服务器代码可以在前端导入。但安格尔的包 json 和 angularh. json 文件不知道这些程序, 它不会编译它。

角度将以纯 HTML 和 javascript 的形式加载到浏览器中。

您需要创建一个 API 并尝试实现此目的。

global是节点全局对象, 就像 window 在浏览器中一样。它是仅限节点的, 在浏览器环境中不存在。这就解释了错误。

问题是, 快速代码存在于服务器上的 nodejs 运行时。角代码存在于浏览器中。这是两个独立的环境, 不能像您尝试的那样访问彼此的变量。这简直是不可能的。