Question

的index.html

<script type='text/javascript'>
    var value = '1234';
</script>

如何在其中一个角度2组件中使用上述值？

Answer 1

如果您将其指定给window

<script type='text/javascript'>
    window.myValue = '1234';
</script>

然后你可以从任何地方阅读

class MyComponent {
  constructor() {
    console.log(window['myValue']);
  }
}

Answer 2

你可以像Gunter所说的那样做，或者你也可以使用服务，这就是我的工作。保持一切更有条理。

main.service.ts /

 @Injectable()
 export class MainService {
    private myVar= "test";
    getMyVar(){return this.myVar};
 }

home.component.ts /

  import { MainService } from './main.service';

   @Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    providers:[MainService]
 })

 export class AppComponent {
   constructor(private main:MainService){}
   var fromMainVar = this.main.getMyVar;
 }

是否有一种方法可以在angular.html组件中使用index.html中声明的全局变量？

2 个答案: