如何在angular2 + webpack应用程序中获取C#Session数据

时间:2017-02-13 10:15:29

标签: c# asp.net angular session asp.net-4.0

第1部分)

  

使用SystemsJS with angular2

Converted Index.html to Index.aspx用于在Visual Studio中使用,如下所示

 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="index" %>
 <!DOCTYPE html>
 <html>
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Polyfill(s) for older browsers -->
 <script src="node_modules/core-js/client/shim.min.js"></script>
 <script src="node_modules/zone.js/dist/zone.js"></script>
 <script src="node_modules/reflect-metadata/Reflect.js"></script>
  <script src="node_modules/systemjs/dist/system.src.js"></script>
 <script src="systemjs.config.js"></script>
 <script>        
    var emailid = "<%= Session["ses_emailid"]%>";
    var rollno = "<%= Session["ses_rollno"]%>";
    Login = {
        "emailid": emailid,
        "rollno": rollno           
    };        
        System.import('app').then(function (AppModule) { AppModule.main(Login); }).catch(function (err) { console.error(err); });        
  </script>    
</head>
<body><my-app>Loading content here ... </my-app> </body>
</html>

main.ts

 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { AppModule } from './app.module';
  export function main(Login: any) {   
   platformBrowserDynamic([{ provide: 'Login', useValue:Login}]).bootstrapModule(AppModule);
}

使用下面的注入获取值

constructor(@Inject('Login') useValue:Login ) {   
       this.login=useValue;               
}

第2部分。

  

现在我想使用webpack + angular2我使用链接this但是   当我检查index.html显示类似

的语法时
 <!DOCTYPE html>
 <html>
 <head>
 <title><%= htmlWebpackPlugin.options.title %></title>
 <meta name="description" content="<%= htmlWebpackPlugin.options.title %>">
 <% if (webpackConfig.htmlElements.headTags) { %>
 <!-- Configured Head Tags  -->
 <%= webpackConfig.htmlElements.headTags %>
 <% } %>
 <!-- base url -->
  <base href="<%= htmlWebpackPlugin.options.metadata.baseUrl %>">
 </head>
 <body>
<app>
  Loading...
</app>
</body>
</html>

问题

在第一部分中,我使用类似"<%= Session["ses_emailid"]%>";的语法来获取C#会话数据,然后传递给angular2应用程序 check Part 1

但是当我尝试使用webpack时,它显示语法错误,因为aspx页面不支持以下语法

<%= webpackConfig.htmlElements.headTags %>

1) 那么如何在angular2+webpack application中获取C#会话数据我将其称为Here

2)我只需将Index.html更改为index.aspx页面以便在IIS中使用,但如何构建系统js项目如webpack以使用构建函数

提前致谢

0 个答案:

没有答案