AngularJS:来自相同数据的多个列表选择选项

时间:2016-08-12 13:27:09

标签: javascript angularjs json

假设我有两个列表,它们都依赖于相同的JSON数据。例如:

myApp.controller('MainCtrl', function($scope) {

  $scope.print = {};

  $scope.styles = [
    { style: 0, full:10, cut: '321'  },
    { style: 1, full:11, cut: '432' },
    { style: 2, full:12, cut: '543' }
  ];

然后是两个列表:

<li class="listOne" ng-repeat="style in styles" item="style" ng-click="print.styleValue = style.full">

<li class="listTwo" ng-repeat="style in styles" item="style" ng-click="print.styleValue = style.full">

我想打印每个列表的选定值,而不是第二个选择(在第一个之后),更改所选值。这是{{selected“cut”from ListOne}} {{Selected“cut”of Value from ListTwo}}。

{{ print.styleValue }} {{ print.styleValue }} 

可能这需要两个控制器或另一个$ scope,例如$ scope.styles2,并复制JSON数据。我想避免重复JSON数据,所以如果有一种方法会令人惊讶! 感谢。

1 个答案:

答案 0 :(得分:1)

为每个分配的ng点击变量只需要唯一更改一个到print.styleValue2