将变量从index.html发送到app.component.ts

Question

我可以将变量从index.html发送到app.component.ts 我在index.html中有此脚本，我想在将查询参数删除到app.component.ts之前发送可变的url

  <script type="text/javascript">
        var url = window.location.toString();
       if(url.indexOf("?") > 0) {
          var sanitizedUrl = url.substring(0, url.indexOf("?"));
          window.history.replaceState({}, document.title, sanitizedUrl);
        }
      </script>

Answer 1

当然可以。我做了一个小的demo，向您展示了方法。

1. 您所要做的就是像在index.html中一样包装代码。
2. 您必须声明变量。您可以通过
在组件内部进行操作

import { Component } from '@angular/core';

// notice that foo is inited in index.html
declare var foo;

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})

或在typings.d.ts中。我建议在types.d.ts中声明它。如果您使用的是angular-cli，我认为它位于src/app/typings.d.ts中。

declare var foo: any;

就是这样。您可以在应用程序中的任何位置使用变量。