Question

app.component.ts

import { Component } from '@angular/core';

@Component({
    selector:   'login-form',
    templateUrl:    '../app/templates/login-form.component.html'
})
export class AppComponent{

    ifTrue: boolean = true;
}

登录-form.component.html

<h1>Login form</h1>
<detail-form [namez]='ifTrue'>Loding...</detail-form>

detail.component.ts

import { Component, Input, OnInit } from '@angular/core';

@Component({
    moduleId: module.id,
    selector:   'detail-form',
    templateUrl:    '../templates/add-user.component.html'
})
export class DetComponent implements OnInit{
    myName = 'Sai';
    Ram = 'RamS';
    @Input()
    namez;
}

添加-user.component.html

<div *ngIf="namez">
    <input #in [value]="Ram"/>
</div>

add-user.component.html中的

将根据Ram的{{1}}表达式计算输入值。如果我将相同的输入属性detail.component.ts设置为[value]，我需要在[some_var]中为应用程序中的某些位置添加@Input()。我是为some_var中使用的[namez]做的。但是我无法添加some_var。请帮我解决这个问题。如何为孩子添加@Input？我无法像之前那样在login-form.component.html中添加它。总之，我想对detail.component.ts（add-user.component.html）做同样的事情[some_var]（login-form.component.html）

无法通过@Input将属性设置为角度2中的子元素？

0 个答案: