Javascript 使用angular 2从express server获取数据

我正在尝试使用angular 2构建一个小型facebook登录，但我遇到了问题，在登录facebook后，用户将被重定向到/home

app.get('/home', function (req, res) {
    res.sendfile(path.join(__dirname, '../', 'views', 'index.html'), { user: req.user});
    console.log({ user: req.user});
});

我试图在angular2页面中显示用户信息，但一直没有定义。控制台记录对象工作正常

我对使用res.render的ejs文件使用了相同的方法 在ejs中使用它

<%= user.facebook.name %>

而且效果很好。我试着在angular 2中使用{{}，但不起作用。 需要帮忙吗

---

谢谢

我会在引导应用程序时定义此元素。由于此提示仅在

index.html

页面中可用，因此我将使用以下处理

更新引导应用程序的文件：

import {bootstrap} from '...';
import {provide} from '...';
import {AppComponent} from '...';

export function main(facebookUser) {
  bootstrap(AppComponent, [
    provide('user', { useValue: facebookUser })
  ]);
}

通过以下方式从

index.html

文件中提供此值：

<script>
  var facebookUser = '<%= user.facebook.name %>';
  System.import('app/main').then((module) => {
    module.main(facebookUser);
  });
</script>

var facebook用户=“”；
System.import（'app/main'）。然后（（模块）=>{
module.main（facebook用户）；
});

你可能会对这个问题感兴趣：

---

我会在引导应用程序时定义此元素。由于此提示仅在

index.html

页面中可用，因此我将使用以下处理

更新引导应用程序的文件：

import {bootstrap} from '...';
import {provide} from '...';
import {AppComponent} from '...';

export function main(facebookUser) {
  bootstrap(AppComponent, [
    provide('user', { useValue: facebookUser })
  ]);
}

通过以下方式从

index.html

文件中提供此值：

<script>
  var facebookUser = '<%= user.facebook.name %>';
  System.import('app/main').then((module) => {
    module.main(facebookUser);
  });
</script>

var facebook用户=“”；
System.import（'app/main'）。然后（（模块）=>{
module.main（facebook用户）；
});

你可能会对这个问题感兴趣：

---

好的，谢谢你的回复，我找到了问题的答案。此代码将调用该api并获取用户详细信息

constructor(private http: Http) { }

ngOnInit() {
    this.getUser();
}

getUser() {
    this.http.get('/api/user')
        .map((res:Response) => res.json())
        .do(data => console.log('data: ' + JSON.stringify(data)))
        .subscribe(
            data => { this.user = data.user.facebook.name},
            err => console.error(err),
            () => console.log('done')
        );

}

---

好的，谢谢你的回复，我找到了问题的答案。此代码将调用该api并获取用户详细信息

constructor(private http: Http) { }

ngOnInit() {
    this.getUser();
}

getUser() {
    this.http.get('/api/user')
        .map((res:Response) => res.json())
        .do(data => console.log('data: ' + JSON.stringify(data)))
        .subscribe(
            data => { this.user = data.user.facebook.name},
            err => console.error(err),
            () => console.log('done')
        );

}