Javascript 如何使用angularJS从数组中检索数据?
如何通过使用angular JS选择要在UI上显示的特定客户从阵列中检索数据?假设我们有一个customer数组,其中包含客户详细信息(如姓名、电子邮件、电话等)。现在,我想选择一个特定的客户来获取显示在客户对应UI中的所有信息 这是一种观点:Javascript 如何使用angularJS从数组中检索数据?,javascript,angularjs,arrays,Javascript,Angularjs,Arrays,如何通过使用angular JS选择要在UI上显示的特定客户从阵列中检索数据?假设我们有一个customer数组,其中包含客户详细信息(如姓名、电子邮件、电话等)。现在,我想选择一个特定的客户来获取显示在客户对应UI中的所有信息 这是一种观点: 左侧显示客户列表,我想选择任何一个客户,在选择任何客户后,必须通过从控制器数组检索数据动态填充所有必填字段。我假设,在单个页面的左侧,您有一个客户列表,一旦单击一个客户,您必须在右侧显示其信息。 如果在customerse中有这样的数组 {[ {
左侧显示客户列表,我想选择任何一个客户,在选择任何客户后,必须通过从控制器数组检索数据动态填充所有必填字段。我假设,在单个页面的左侧,您有一个客户列表,一旦单击一个客户,您必须在右侧显示其信息。 如果在customerse中有这样的数组
{[
{id:1, name: "John Doe", email: "example1@domain.com", phone: "00000"},
{id:2, name: "Johnny Doe", email: "example2@domain.com", phone: "11111"},
{id:3, name: "John Roe", email: "example3@domain.com", phone: "22222"},
]}
在左边的html中,您使用了ng repeat来列出客户,这里使用ng click并将其存储在另一个变量中,类似于下面的内容
<ul>
<li ng-repeat="customer in customers" ng-click="viewCustomer = customer;">
{{customer.name}}
</li>
</ul>
-
{{customer.name}
然后,您可以使用该变量(viewCustomer)填充右侧显示的表单。像下面这样的东西
<form name="customerForm">
<input type="text" name="name" ng-model="viewCustomer.name">
<input type="text" name="name" ng-model="viewCustomer.email">
<input type="text" name="phone" ng-model="viewCustomer.phone">
</form>
viewCustomer将在控制器中的$scope.viewCustomer中可用,因此您可以使用它保存对表单所做的更改
希望这有帮助。请提供答案的代码。在本例中,至少提供您正在描述的数组。客户对应的UI指的是输入字段(TextField)。好的。您需要提供视图、控制器和对象。此问题不提供正确回答此问题所需的基本信息!谢谢Paulson Peter给了你恰当的回答。不客气。如果你认为这有帮助,请接受答案并投票表决。