属性在html中以'undefined'形式出现

Question

我有一个对象，我在控制器中声明如下：

private addressData: { address_type:'personal', state: 'State'};

在我的html中，我有一个选择控件我正在尝试使用默认的'address_type'填充。

      <select id="address_type" name="address_type" [(ngModel)]="addressData.address_type">
        <option value="select" ng-disabled="true"> -- Select -- </option>
        <option value="personal">personal</option>
        <option value="business">business</option>
        <option value="other">other</option>
      </select>

出于某种原因，我收到一条错误，说'无法读取'address_type'属性'undefined'

我错过了什么？

Answer 1

您需要分配对象

更改

发件人

private addressData : { address_type:'personal', state: 'State'};

要

addressData = { address_type:'personal', state: 'State'};

修改

如下所述 vikas ，数据绑定属性必须是typescript公共属性Angular永远不会绑定到TypeScript私有属性。