Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > .NET > ASP.NET
Регистрация

Восстановить пароль
Повторная активизация e-mail


Донат для форума - использовать для поднятия настроения себе и модераторам

А ещё здесь можно купить рекламу за 15 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru

Ответ
 
Опции темы
Старый 26.07.2019, 17:50   #1
dimaSlon
Форумчанин
 
Регистрация: 24.06.2017
Сообщений: 160
Репутация: 10
По умолчанию Не выводится текст в angular с webAPI

Мне нужно показать все имена, которые я записал в таблице Базы данных в поле Angular.

Моя БД:
Код:
 CREATE TABLE [dbo].[Sellers](
    [Id] [int] IDENTITY(1,1) PRIMARY KEY NOT NULL,
    [Login] [varchar](50) NOT NULL,
    [Password] [varchar](50) NOT NULL,
    [Name] [nchar](50) NOT NULL,
    [Address] [nchar](50) NOT NULL,
    [Email] [varchar](50) NOT NULL,
    [RegistrationDate] [datetime] NOT NULL,
)
GO
Я делаю в WebAPI чтобы все названия взяло с таблицы

Код:
 public class SellersController : ApiController
    {
        [HttpGet]
        public async Task<IHttpActionResult> GetNames(string name)
        {
            using (var dataBaseContext = new DataBaseContext())
            {
                var query = from seller in dataBaseContext.Sellers
                            where
                            seller.Name == name
                            select seller;
                return Ok(await query.ToListAsync());
            }
        }
    }
Теперь додаю в Ангуляре сервис:

Код:
 import { Sellers } from './sellers.model';
import { Injectable } from '@angular/core';

@Injectable({
   providedIn: 'root'
})
export class SellersService {
   formData : Sellers;
   seller : Sellers = new Sellers();
   constructor() { }
}
Додаю в app.module
Код:
import { SellersService } from './shared/sellers.service';
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { HttpModule } from '@angular/http';
import { FormsModule } from '@angular/forms';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { TopRegionComponent } from './components/top-region/top-region.component';
import { LeftRegionComponent } from './components/left-region/left-region.component';
import { BottomRegionComponent } from './components/bottom-region/bottom-region.component';
import { CenterRegionComponent } from './components/center-region/center-region.component';
import { UserComponent } from './components/user/user.component';

const appRoutes: Routes = [
  {path: '', component: AppComponent},
  {path: 'user', component: UserComponent},
  {path: 'left-region', component: LeftRegionComponent},
  {path: 'top-region', component: TopRegionComponent},
  {path: 'bottom-region', component: BottomRegionComponent},
  {path: 'center-region', component: CenterRegionComponent},
]

@NgModule({
  declarations: [
    AppComponent,
    TopRegionComponent,
    LeftRegionComponent,
    BottomRegionComponent,
    CenterRegionComponent,
    UserComponent,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    RouterModule.forRoot(appRoutes),
    HttpModule,
    FormsModule
  ],
  providers: [SellersService],
  bootstrap: [AppComponent]
})
export class AppModule { }
Туда кудаа хочу додавать названия в компонент

Код:
 import { SellersService } from './../../shared/sellers.service';
import { Component, OnInit } from '@angular/core';


@Component({
  selector: 'left-region',
  templateUrl: './left-region.component.html',
  styleUrls: ['./left-region.component.css']
})
export class LeftRegionComponent implements OnInit {

  constructor(private service : SellersService)
   {
   }

  ngOnInit() {
  }

}
http

Код:
<div class="p-3 px-md-4 mb-3 bg-white">
  <input name="Sellers" #Sellers="ngModel" [(ngModel)]= "seller.Name" class="form-control">
  </div>
Выдает ошибку:
Код:
Can't bind to 'ngModel' since it isn't a known property of 'input'.Angular
dimaSlon вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Текст выводится иероглифами rinoolik C# (си шарп) 6 22.11.2016 21:11
Не выводится текст в Label vovik93 C# (си шарп) 5 12.10.2012 14:13
Не выводится текст парсинга bulldog5293 Работа с сетью в Delphi 0 30.04.2011 18:26
Не выводится текст статьи из БД (PHP,MySQL) Mysqler Помощь студентам 1 19.05.2010 21:26


23:32.


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.

Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru