Блог

Я следую угловому курсу во второй раз, но теперь в visual studio вместо vs code, потому что я собираюсь добавить серверную часть c#.

Однако мне снова кажется, что я борюсь. Я не знаю, в чем именно заключается проблема, и даже не знаю, как ее назвать или погуглить.

Поэтому в настоящее время я изучаю внедрение зависимостей и услуги

Поэтому я сделал услугу с некоторыми вещами внутри.

В своем компоненте я ввел службу и попытался вызвать что-то в своем сервисе, однако оно не было указано в моем intellisense, поэтому я попытался просто ввести его, но все же получил подчеркнутую красным ошибку — > очень странно.

Я попытался очистить свое решение, а затем построить, и каким-то образом оно исправилось.

Теперь я снова сделал отправитель событий в службе, не указанной в моем intellisense, и компонент не распознает метод.

моя служба:

 import { EventEmitter } from '@angular/core';
import { Recipe } from './recipe.model';

export class RecipeService {

  recipeSelected = new EventEmitter<Recipe>();

  private recipes: Recipe[] = [
    new Recipe('A test recipe', 'simple test', 'https://www.maxpixel.net/static/photo/1x/Meat-Recipe-Duck-Tasty-Fry-Food-Duck-Breast-4813261.jpg'),
    new Recipe('A test recipe', 'simple test', 'https://www.maxpixel.net/static/photo/1x/Meat-Recipe-Duck-Tasty-Fry-Food-Duck-Breast-4813261.jpg')
  ];

  getRecipes() {

    return this.recipes.slice();
  }

}
 

Здесь, в моем сервисе, у меня есть intellisense как для моей функции getter getRecipes (), так и для рецептов, которые являются частными, что странно, но у меня нет intellisense для выбранных рецептов.

мой компонент я использую сервис.

 import { Component, OnInit, Input } from '@angular/core';
import { Recipe} from '../../recipe.model'
import { RecipeService } from '../recipe.service';

@Component({
  selector: 'app-recipe-item',
  templateUrl: './recipe-item.component.html',
  styleUrls: ['./recipe-item.component.css']
})
export class RecipeItemComponent implements OnInit {

  @Input() recipe: Recipe;

  constructor(private recipeService: RecipeService) { }

  ngOnInit() {

  }

  onSelected() {

     
  }

}
 

я пытаюсь добавить источник событий в выбранный метод.

Кто-нибудь знает об этом странном поведении ge и что я могу с этим поделать?

Я должен сказать, что у меня также установлен resharper в качестве web essentials.

Вы не настроили свой сервис для инъекций. Система DI Angular требует добавления аннотаций для службы, которая будет введена в компонент

 @Injectable({
  providedIn: 'root',
})
export class RecipeService {