Получить значение из углового компонента в контроллер asp.net mvc

Question

У меня есть угловой компонент библиотеки (некоторые выделения с ag-grid), которые я использую в представлении mvc. Все, что мне нужно сделать, - это получить выбранное значение из углового представления в mvc.

источник событий и чтение из DOM (это работает, но его библиотека-разбавитель)

Index.cshtml(MVC)

<app-root valueFromMVC=@ViewData["valueFromMVC"]></app-root>
    <br />
    <br />
    <br />
    <p>
        <button onclick="GetValueFromSelection()">ASP Button click</button>

        <input type="text" id="result" />
    </p>

appcomponent.html:(just a text value for example)
    <div class="content" role="main">

      <table style="width:100%">
        <tr>
          <td style="text-align:right">App compnent value</td>
          <td style="text-align:left"><input [(ngModel)]="valueFromMVC" ></td>
        </tr>        
      </table>
    </div>

appcomponent.ts:

import { Component, OnInit, ElementRef, Input, Output, EventEmitter, NgModule} from '@angular/core';
import { HttpClient,  HttpHeaders } from '@angular/common/http';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  public valueFromMVC: string;



  private options = {
    headers: new HttpHeaders({
      'Content-Type': 'application/json',
      'Cache-Control': 'no-cache',
      'Pragma': 'no-cache'
    })
  };

  constructor(private eltRef: ElementRef, private httpClient: HttpClient) {

    this.valueFromMVC = eltRef.nativeElement.getAttribute('valueFromMVC');
  }

}

Я ожидаю, что значение, которое я передаю компоненту, должно вернуться в представление MVC с модификацией, если таковая имеется.