访问javascript var in template angular 2

Question

我有一个角度应用程序，我的index.php中定义了一些设置：

 <script>
    Setting = { imagepath : "some/path/", setting2: 1}
 </script>

 <myapp>

 </myapp>

现在我想在我的一个模板中访问这个图像路径变量，这样就可以毫不费力地更改img路径。如何将设置对象传递给角度模板，以便我可以使用

<img [src]="settings.imagePath+'/myimage.png'>

Answer 1

在模板绑定中，范围仅限于组件类实例。

如果你想从模板绑定中访问它，你需要在组件类中添加一个返回该值的方法或getter。

这应该做你想要的：

 <script>
    window.Setting = { imagepath : "some/path/", setting2: 1}
 </script>

export class MyComponent {
  get settings() {
    return window.Settings;
  }
}

<img [src]="settings.imagePath+'/myimage.png'>