Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用angularJS从数组中检索数据?_Javascript_Angularjs_Arrays - Fatal编程技术网

Javascript 如何使用angularJS从数组中检索数据?

Javascript 如何使用angularJS从数组中检索数据?,javascript,angularjs,arrays,Javascript,Angularjs,Arrays,如何通过使用angular JS选择要在UI上显示的特定客户从阵列中检索数据?假设我们有一个customer数组,其中包含客户详细信息(如姓名、电子邮件、电话等)。现在,我想选择一个特定的客户来获取显示在客户对应UI中的所有信息 这是一种观点: 左侧显示客户列表,我想选择任何一个客户,在选择任何客户后,必须通过从控制器数组检索数据动态填充所有必填字段。我假设,在单个页面的左侧,您有一个客户列表,一旦单击一个客户,您必须在右侧显示其信息。 如果在customerse中有这样的数组 {[ {

如何通过使用angular JS选择要在UI上显示的特定客户从阵列中检索数据?假设我们有一个customer数组,其中包含客户详细信息(如姓名、电子邮件、电话等)。现在,我想选择一个特定的客户来获取显示在客户对应UI中的所有信息

这是一种观点:
左侧显示客户列表,我想选择任何一个客户,在选择任何客户后,必须通过从控制器数组检索数据动态填充所有必填字段。

我假设,在单个页面的左侧,您有一个客户列表,一旦单击一个客户,您必须在右侧显示其信息。 如果在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给了你恰当的回答。不客气。如果你认为这有帮助,请接受答案并投票表决。