Javascript-форум - Показать сообщение отдельно - Вывод данных модели WebApi с помощью AngularJS

fadeinmad · #1 (**permalink**) 02.12.2015, 12:33

Только начал изучать AngularJS и WebApi, не до конца понимаю механизм отображения данных. Работаю на VS 2015.

Есть модель:

Код:

public class Person
{
        public int Id { get; set; }
        public string FirstName { get; set; }
        public string MiddleName { get; set; }
        public string LastName { get; set; }
        public int Growth { get; set; }
}

Есть контроллер:

Код:

public class PersonController : ApiController
{
        Person[] persons = new Person[]
        {
          new Person {Id=0, FirstName="Петр", MiddleName="Петрович", LastName="Петров", Growth=24 },
          new Person {Id=1, FirstName="Иван", MiddleName="Иванович", LastName="Иванов", Growth=20 }
        };
 
        public IEnumerable<Person> GetAllPersons()
        {
            return persons;
        }
 
        public IHttpActionResult GetProduct(int id)
        {
            var person = persons.FirstOrDefault((p) => p.Id == id);
            if (person == null) return NotFound();
            return Ok(person);
        }
}

Задача элементарная: вывести ФИО человека с нужным Id. Не понимаю, как вызвать метод контроллера и получить нужное значение.
Index.html:

Код:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>MyTestSite</title>
    <meta charset="utf-8" />
    <script src="../Scripts/angular.js"></script>
</head>
<body>
    <div ng-app="TestApp" ng-controller="PersonController">
        <p>ID: <input type="text" ng-model="id"/></p>
        <h1 <!--так понимаю, что вызов метода здесь, но не знаю синтаксиса-->>
              ФИО: {{person.FirstName}} {{person.MiddleName}} {{person.LastName}}</h1>
    </div>
</body>
</html>