Question

<head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js">              
    </script>
</head>
<body style="padding: 20px 20pc;">
    <div ng-app="app">
        <div ng-repeat="item in 'somewords'.split('')">
            {{$index + 1}}. {{item}}
        </div>
    </div>
    <script type="text/javascript">
    </script>
</body>
</html>

大家好，我已经试着查找一些旧帖子，但发现没有什么可以真正帮助我。我正在学习Angular，在教程中他们使用这个代码来计算和分割给定单词中的字母。我遇到的问题是我得到了花括号，好像它们是HTML中的某些文本。我做错了什么？

Answer 1

我看到了ng-app="app"，但我没有看到任何初始化模块的代码（名称为＆＃39; app＆＃39;）。由于您不使用在任何代码中初始化的任何数据，因此您只需将其重写为<div ng-app>。

另一种可能性是定义模块（如果你深入学习教程，你可能还需要它）：

angular.module("app", []);

修改

正如@Peter_Fretter正确提到的那样，它仍然不起作用，因为ng-repeat中有重复项。您可以使用track by $index：
解决此问题
<div ng-repeat="item in 'somewords'.split('') track by $index"> {{$index + 1}}. {{item}} </div>

请参阅this jsfiddle

Answer 2

您有重复的问题。您应该使用track by来解决问题。

<div ng-repeat="item in 'somewords'.split('') track by $index">
        {{$index + 1}}. {{item}}
</div>

Here是一个代码。另外here是一些文档。

角花括号不起作用，基本代码

2 个答案: