Отправить ASPX.net атрибут по отношению к angular в серверной части

#c# #asp.net #angularjs #angular

#c# #asp.net #angularjs #angular

Вопрос:

Как мне подключить ‘index.aspx.cs — общедоступную строку getContactID() { return 1; }’ к app.component.ts

это событие должно работать, любой метод подойдет.

весь проект находится внутри Visual studio 2015 Web Api


app app.component.ts

 SomethingClick() {
     ID:number = 'index.aspx.cs'.getContactID();
}
  

Index.aspx

 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="CA_CopyLine.index" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
     <base href="/"/>
     <title>Angular 2 QuickStart</title>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
     <link rel="stylesheet" href="styles.css"/>

     <!-- 1. Load libraries -->
      <!-- Polyfill(s) for older browsers -->
     <script src="https://unpkg.com/core-js/client/shim.min.js"></script>

     <script src="https://unpkg.com/zone.js@0.6.21?main=browser"></script>
     <script src="https://unpkg.com/reflect-metadata@0.1.3"></script>
     <script src="https://unpkg.com/systemjs@0.19.27/dist/system.src.js"> 
</script>

     <!-- 2. Configure SystemJS -->
     <script src="systemjs.config.js"></script>
     <script>
       System.import('app').catch(function(err){ console.error(err); });
     </script>
</head>
<body>
    <my-app></my-app>
</body>
</html>
  

Index.aspx.cs

 public partial class index     {

    [WebMethod]
    public string getContactID()
    {
        return 1;
    }
}
  

app app.component.ts

  import { Component } from '@angular/core';
 @Component({
     selector: 'my-app',
     templateUrl: './app/app.component.html',
     styleUrls: ['./app/app.component.css']

 })
 export class AppComponent { }

SomethingClick() {
     ID:number = 'index.aspx.cs'.getContactID();
}
  

Комментарии:

1. Если вы используете веб-API, возможно, вам захочется использовать веб-API (через an ApiController ) вместо WebMethod веб-служб.

2. Дело в том, что этот проект представляет собой веб-API, aspx предназначен для использования DLL-файлов

Ответ №1:

Вы должны выполнить http-вызов веб-метода, чтобы получить подробную информацию .Также вам нужно сделать веб-метод статическим. Пожалуйста, перейдите по этой ссылке, чтобы получить дополнительную информацию. Хотя вызов ссылки выполняется из jquery, концепция та же, что и в angular js.

Из component.ts выполните http-вызов index.aspxgetContactID .