Angular2 - 双向数据绑定问题

时间:2016-08-11 19:32:16

标签: angular

我必须点击显示城市列表的div,当我点击其中一个显示的城市时,我想执行一个方法并显示cityName,因为我的工具到目前为止是这样的:

文件1的Html

app.config
文件1的

.js

 <div [(ngModel)]="cityName" class="heads">{{cityName}}</div>

文件2

@Injectable()
export class queryToDB {

  constructor(http) {
  this.http = http;
  this.valueToBeChanged = "Select a city";
  }

}

但是,我收到以下错误:

  

例外:&#39;&#39;

没有价值访问者

关于导致问题的原因的任何想法?

1 个答案:

答案 0 :(得分:2)

我认为你不应该尝试使用ngModel以双向绑定div。

因为ngModel希望在输入字段或任何其他表单元素上使用它。这就是为什么你得到No value accessor错误的原因。

您可以在here

了解更多信息