我有一个Angular 2应用程序需要访问名为“configuration”的JSON变量,该变量已作为“POST”参数传递给应用程序本身。
使用Angularjs,我以这种方式使用ng-init
:
<html lang="it" ng-app="myApp" ng-init='configuration=<%- configuration %>'>
我可以使用$scope.configuration
访问该变量。但是Angular 2呢?我发现在应用程序中使用此变量的唯一方法是将其放在index.html
页面内的不可见div中。
<body><div id="getConfig"><%- configuration %></div>
<app>Loading...</app>
</body>
在app.component.ts
内......
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app',
templateUrl: './app-fe/app.component.html'
})
export class AppComponent {
private title:string = 'Hello World';
private configuration = document.getElementById("getConfig").innerHTML;
constructor() {
console.log('=== app started ===');
console.log(this.configuration);
};
}
但有些事情告诉我这不是最好的方式......