Question

我对Angle 5不熟悉，目前正在学习基础知识。我了解了模板参考变量。但是我有一个问题。我没有使用模板引用变量，而是尝试使用带有类变量的输入元素的“值”属性绑定属性，然后单击按钮尝试登录类变量，但是它不起作用。你能告诉我我要去哪里错吗？

这是我的代码

    case DiseasesCollections.LSD:
       gvAdvanced.DataSource = ImportExcleInfoList.Select(x => new
       {
          x.GAA, x.GAAratio, x.GAAInhibition, x.GAAStatus,
          x.FAB, x.FABratio, x.FABStatus,
          x.GD, x.GDratio
       }).ToList();
       break;

Answer 1

这将只记录任何内容，因为绑定仅是单向的。如果要查看greet变量中的输入值，请改用ngModel。

针对您的FormsModule中的导入app.module.ts，并通过以下方式更改代码：

@Component({
  selector: 'app-test',
  template: `

  <input type="text" [(ngModel)]="greet"/>
  <button (click)="logMe()">Click </button>
  `,
  styleUrls: ['./test.component.css']
})
export class TestComponent implements OnInit {

public greet="";

  constructor() { }

  ngOnInit() {
  }
logMe()
{
console.log(this.greet);}
}

Answer 2

Angular具有完全不同的方式来绑定表单输入。

我认为您正在尝试实现两个数据绑定。

所以这样做的角度方式。

<input type="text"  [(ngModel)]="greet"/>

由于我们是新手，所以您可以使用stackblitz发布工作角度代码

https://stackblitz.com/edit/angular-b9qubm?file=src%2Fapp%2Fapp.component.html

值属性的属性绑定

2 个答案: