如何在angularJS中控制打印的双阵列?

时间:2013-10-22 12:04:39

标签: javascript arrays angularjs

我有一个来自JSON来源的双数组:

// Function and module code omitted ..
$scope.texts = [
  ['Small sheep and ham.'],
  ['Ducks go moo.', 'Helicopters and racecars go bang!']
];

我想将数组中的每个字符串输出为<p>标记。

我尝试过(example):

<div ng-repeat="text in texts">
  <p ng-repeat="p in text">{{p}}</p>
</div>

以上结果将打印所有列表,

但是:我希望能够控制通过外部控制器或指令打印的数组。

有没有办法以编程方式选择要打印的数组?

1 个答案:

答案 0 :(得分:1)

你的意思是这样的: http://jsbin.com/OBoHoSe/1/edit

<body ng-app="myapp">
<select ng-model="textidx">
   <option value="0">Level 0</option>
   <option value="1">Level 1</option>
</select>
<div ng-controller="MainCtrl">
   <div ng-repeat="text in texts[textidx]">
     <p>{{text}}</p>
   </div>
</div>
</body>

正如jlareau所说:这是一个数组中的数组。所以你必须给一个应该重复的索引。