Javascript 角度绑定未正确更新

Javascript 角度绑定未正确更新,javascript,angularjs,ng-options,Javascript,Angularjs,Ng Options,我想我要做的很简单。我试图根据从选择框中选择的内容更新控制器中链接到对象的一些值。希望你们能了解我做错了什么 我的控制器实例化对象(我不确定是否真的需要这样做): 然后,“我的html”提供了一个下拉框,其中包含可以选择的发票列表,表应使用所选发票的值自动更新,但它不: <tr> <td> <select ng-model="newInvoice"> <option ng-repeat="name in n

我想我要做的很简单。我试图根据从选择框中选择的内容更新控制器中链接到对象的一些值。希望你们能了解我做错了什么

我的控制器实例化对象(我不确定是否真的需要这样做):

然后,“我的html”提供了一个下拉框,其中包含可以选择的发票列表,表应使用所选发票的值自动更新,但它不:

<tr>
    <td>
        <select ng-model="newInvoice">
            <option ng-repeat="name in names" value="{{name}}">{{name.Name}}</option>
        </select>
    </td>
    <td>TBD</td>
    <td>{{newInvoice.PoNumber}}</td>
    <td>{{newInvoice.Price | currency}}</td>
    <td>
        <input type="number" ng-model="newInvoice.Quantity"/>
    </td>
    <td>{{newInvoice.Price * newInvoice.Quantity | currency}}</td>
</tr>

我可以看到
newInvoice
实际上包含所有的值,所有值都正确命名。因此,选择框似乎与模型绑定良好。有什么想法吗?

使用
ng options
而不是使用
ng repeat
呈现选项,因为当使用
ng repeat
呈现
选项时,它确实会用
对象
填充
属性,但该属性已
字符串化。其中,如果在场景后面使用
ng选项
,则会将实际对象值指定给提到的
ng模型
变量

标记


@w我很乐意在这方面帮助你。。谢谢:-)
<tr>
    <td>
        <select ng-model="newInvoice">
            <option ng-repeat="name in names" value="{{name}}">{{name.Name}}</option>
        </select>
    </td>
    <td>TBD</td>
    <td>{{newInvoice.PoNumber}}</td>
    <td>{{newInvoice.Price | currency}}</td>
    <td>
        <input type="number" ng-model="newInvoice.Quantity"/>
    </td>
    <td>{{newInvoice.Price * newInvoice.Quantity | currency}}</td>
</tr>
<select ng-model="newInvoice" ng-options="name.Name for name in names"></select>