Angularjs 重复一次。在字符串中循环遍历字母

我刚开始学习Angular，无法处理

ng repeat

的问题

我想在单个

span

元素中显示输入的每个字母。我试了很多方法，但都不管用

---

您需要引用别名，而不是Word

{{字母}}

编辑 显然，正在发生的是

word。split（“”）

不允许任何重复

“thisistest”.split（“”）

如果这是输入到控制台中的，它会按预期进行拆分。我不明白为什么

word.split（“”）

正在删除重复项。在代码笔中键入具有唯一字符的字符串，它将正确显示

编辑

---

每p2。回答

按$index跟踪

跟踪所有重复项。这解决了问题。拆分会导致数组中出现重复项，并且没有

track by$index

angular只是不显示重复项

您还应该使用

track by$index

和

ng repeat

来处理中继器中的

重复键

<div ng-app="myApp" ng-controller="myCtrl" class="container">

  <div class="col-sm-10 center-block text-center">

    <input type="text" class="form-control" placeholder="Type to search..." ng-model="word" />

    <div ng-repeat="letter in word.split('') track by $index">
      <span> {{letter }} </span>
    </div>
  </div>
</div>

{{字母}}

这就是你要找的吗

每封信将以不同的跨度打印

错误的次数：ngRepeat:dups

var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
});
。中心块{
浮动：无；
}
输入{
利润率：20px；
}
跨度：悬停{
颜色：红色；
}

{{字母}}


如果要将单词按行拆分


{{字母}}
我有
字母
，但不知道为什么我用
单词
来保存它。对不起，弄错了。但是ad-rem:
字母
也不起作用。它只显示前三个字母，然后停止。感谢您在
track by$index
上的帮助Good调用。谢谢您，我相信在ES6中，它不再需要拆分，因为字符串是可编辑的，所以只需按索引跟踪就足够了。这正是我想要的。谢谢大家!@Arkej：没问题，很高兴看到它帮助了你：）
<div ng-app="myApp" ng-controller="myCtrl" class="container">

  <div class="col-sm-10 center-block text-center">

    <input type="text" class="form-control" placeholder="Type to search..." ng-model="word" />

    <div ng-repeat="letter in word.split('') track by $index">
      <span> {{letter }} </span>
    </div>
  </div>
</div>