asp.net – 从_layout.cshtml将常量值传递给Angular

好的,所以我在ASP.Net SPA项目的_Layout.cshtml中有一个常量变量,我会传递它们,以便Angular可以访问这些变量.

我怎样才能做到这一点？

例如,这是我试图转移的一个值.

var lenderValues = @Html.Action("GetLenderDropdownValues","Dropdown");

这是我的第一个app.component启动的方式.

<my-rite-ui>Loading...</my-rite-ui>

我知道如何在AngularJS 1.x中使用常量并注入需要的常量,但无法在Angular中找到它.

任何帮助将受到高度赞赏.

解决方法

这取决于你想要做什么,但我看到两种可能性：

>定义一个常量

导入主模块时需要传递此常量.虽然在导入本身上不可能这样做.您可以导入一个函数并使用参数调用它.

以下是引导应用程序的主模块示例：

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

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

然后你可以从HTML主页面导入它,如下所示：

<script>
  var lenderValues = @Html.Action("GetLenderDropdownValues","Dropdown");
  System.import('app/main').then((module) => {
    module.main(lenderValues);
  });
</script>

然后可以将lenderValues注入所有元素,如组件：

@Component({
  (...)
})
export class SomeComponent {
  constructor(@Inject('lenderValues') lenderValues) {
  }
}

>在my-rite-ui元素上定义一个参数

您可以在此级别指定参数,但无法对其进行评估.因此,由于您需要使用JSON.stringify将其序列化为字符串,从相应的ElementRef获取组件中的元素并使用JSON.parse反序列化它,因此它更加冗长乏味.

然后,您可以将数据添加为提供程序.