首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >从代码中删除@Input修饰符

从代码中删除@Input修饰符
EN

Stack Overflow用户
提问于 2018-06-07 05:47:24
回答 1查看 176关注 0票数 -1

我正在为Angular上的一个类编写代码,我不明白为什么从我的组件中提取@Input装饰器会导致整个应用程序无法加载。

代码语言:javascript
复制
import { Component, OnInit, Input } from '@angular/core';
import { Dish } from '../shared/dish';
import { DishService } from '../services/dish.service';

import { Params, ActivatedRoute } from '@angular/router';
import { Location } from '@angular/common';


@Component({
  selector: 'app-dishdetail',
  templateUrl: './dishdetail.component.html',
  styleUrls: ['./dishdetail.component.scss']
})
export class DishdetailComponent implements OnInit {

  @Input()
  dish: Dish;

  constructor(private dishservice: DishService,
    private route: ActivatedRoute,
    private location: Location) { }

  ngOnInit() {
    let id = +this.route.snapshot.params['id'];
    this.dish = this.dishservice.getDish(id);
  }

}

输入组件不会在应用程序的其他地方使用,而且据我所知,它甚至与这个组件都没有很强的相关性,所以有人能解释一下为什么当我删除那个装饰器时,它会破坏我的程序吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-06-07 05:52:09

如果您只打开浏览器的控制台,您将看到一个很大的错误消息,如下所示

不能绑定到'dish‘,因为它不是'app-dishdetail’的已知属性

此外,错误消息会准确地告诉您尝试绑定到dish的位置。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50730100

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档