Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/sockets/2.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
数组与单个对象-AngularJS/Javascript(基本)_Javascript_Angularjs - Fatal编程技术网

数组与单个对象-AngularJS/Javascript(基本)

数组与单个对象-AngularJS/Javascript(基本),javascript,angularjs,Javascript,Angularjs,我有一个非常基本的数组 [ { ticketId: 1, name: "John", }, { ticketId: 124, name: "Ads" } ] 我在选择框中显示数据 <ul class="dropdown-menu"> <li ng-repeat="ticket in tickets"> <a href="#">{{ticket.ticketId}}</a>

我有一个非常基本的数组

[
  {
    ticketId: 1,
    name: "John",
  },
  {
    ticketId: 124,
    name: "Ads"
  } 
]
我在选择框中显示数据

<ul class="dropdown-menu">
    <li ng-repeat="ticket in tickets">
        <a href="#">{{ticket.ticketId}}</a>
    </li>
</ul>

您可以使用该
过滤器
,如下所示: HTML:


plunker:

您可以使用该
过滤器,如下所示:
HTML:


plunker:

使用
ng click
指令:

<ul class="dropdown-menu">
    <li ng-repeat="ticket in tickets">
        <a ng-click="selected=ticket">{{ticket.ticketId}}</a>
    </li>
</ul>

有关更多信息,请参阅。

使用
ng click
指令:

<ul class="dropdown-menu">
    <li ng-repeat="ticket in tickets">
        <a ng-click="selected=ticket">{{ticket.ticketId}}</a>
    </li>
</ul>

有关更多信息,请参见。

您能解释一下您的用例吗?用户在页面的某个地方选择了一个ticketID。我想在htmlyou的另一部分展示与该选择(同一对象)相关的内容。你可以在选定的ticketid上创建一个手表,每当它发生变化时,你只需要在tickets数组中找到相应的记录。请举个例子。你能解释一下你的用例吗?用户在页面的某个地方选择了一个ticketid。我想在htmlyou的另一部分展示与该选项(相同对象)相关的内容。你可以在选定的ticketid上创建一个手表,每当它发生变化时,你只需要在tickets数组中找到相应的记录。请举个例子
<input type="number" ng-model="tick"/>
<table>
     <tr ng-repeat="ticket in tickets | ticketFilter:tick">
       <td>{{ticket.name}}</td>
       <td>{{ticket.ticketId}}</td>
   </tr>
 </table>
 app.filter('ticketFilter', function(){
        return function(data, tick){
            if (!tick) return data;
            var ticketItems = [];
            angular.forEach(data, function(item){
                if(item.ticketId == tick) {
                ticketItems.push(item);
              }
            });

            return ticketItems;
        };
    })
<ul class="dropdown-menu">
    <li ng-repeat="ticket in tickets">
        <a ng-click="selected=ticket">{{ticket.ticketId}}</a>
    </li>
</ul>
<tr>
     <th>Name</th>
     <td>{{selected.name}}</td>
</tr>