时间戳

首页 > 解决方案 > 如何使用 angularJS 修改特定对象中的数据

angularjs - 如何使用 angularJS 修改特定对象中的数据

问题描述

举个例子

    {
    "E-mail Address": "fultonlevy@ewaves.com",
    "Related name": "",
    "Home Address 2": "",
    "Anniversary": "",
    "First Name": "Rios",
    "Business Address 2": "",
    "Department": "",
    "Display Name": "Baker Adkins",
    "Home State": "",
    "Business Country": "",
    "Home Street": "",
    "Birthday": "",
    "Home Country": "",
    "Pager": "",
    "Categories": "",
    "Home City": "",
    "E-mail 3 Address": "bentleymccoy@cosmetex.com",
    "Home Fax": "",
    "Gender": "",
    "Notes": "proident",
    "Country Code": "",
    "Job Title": "",
    "Business Address": "",
    "Web Page 2": "",
    "Mobile Phone": "",
    "Organization": "",
    "Home Phone": "(962) 514-3534",
    "E-mail 2 Address": "sheenaramirez@grupoli.com",
    "Last Name": "Fisher",
    "Nickname": "",
    "Business Fax": "",
    "Home Postal Code": "",
    "Business Phone": "",
    "Business Postal Code": "",
    "Web Page": "",
    "Business City": "",
    "Business State": ""
  }

   <input ng-model="disName" type="text">

这是对象数组中的特定对象。如何修改键的特定值以进行假设[key = Display Name]以及输入值的更改如何在对象中修改它？

标签： angularjs

解决方案

在 angularJS 中，您将使用ng-model. 无需听取任何更改，因为框架会处理这些。

¿ 谁将此对象提供给<input>? 控制器，通过this.

这是一个使用components.

https://plnkr.co/edit/lfD1LgML0nuRURKX4DCw?p=preview

如您所见，由于对象键上使用了空格，因此您需要使用括号表示法...

<input ng-model="$ctrl.obj['Display Name']">

在一个真实世界的例子中，我想你data将使用服务来提供，正如你在这个例子中看到的：

https://plnkr.co/edit/fp1fBC59dJLettJBvD2p?p=preview

希望能帮助到你！

推荐阅读