Angular 获取从细枝到角度的值

我试图把一个变量从细枝传递到角上。 我正在使用数据绑定，不知道这是否是一种好方法

这是我的小枝页：

{% block mainContainer %}
    <div class="container-fluid">
        <div class="schedule">
            <schedule [reference]="{{ project.getReference }}">Chargement en cours</schedule>
        </div>
    </div>
{% endblock %}

{%block mainContainer%}
按部就班收费
{%endblock%}

以下是角度页面app.component：

import { Component, OnInit, Input } from '@angular/core';
import {ScheduleService} from './service/schedule.service';

@Component({
    selector: 'schedule',
    providers: [ScheduleService],
    template: `
       <h1>Hello world</h1>
`
})

export class AppComponent implements OnInit {
    @Input() reference: string;
    constructor(private scheduleService: ScheduleService) {}
    ngOnInit() {
        this.scheduleService.initialLoad();
    }
}

从'@angular/core'导入{Component，OnInit，Input}；
从“./service/schedule.service”导入{ScheduleService}；
@组成部分({
选择器：'计划'，
提供程序：[ScheduleService]，
模板：`
你好，世界
`
})
导出类AppComponent实现OnInit{
@Input（）引用：字符串；
构造函数（私有scheduleService:scheduleService）{}
恩戈尼尼特（）{
this.scheduleService.initialLoad（）；
}
}

我想得到参考值，以便在我的角度页面中使用它。 有什么想法吗？

---

谢谢。

谢谢，但我仍然无法在app.component页面中获取值。通过名为

getReference

，它似乎是一种方法。。是吗？是的，这是一个Symfony方法，在twig页面中调用，它获取项目的引用。这种方法有效。当我检查代码时，我可以在页面的源代码中看到我想要的引用。你应该将它设置为

project.getReference（）

OK，但这不是问题所在，即使我自己输入了一个值（[reference]=“value”），我仍然无法在angular中访问它。