javascript - Angular 花括号不起作用,基本代码

标签 javascript angularjs

<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 中的某些文本中一样。我做错了什么?

最佳答案

我看到一个ng-app="app" ,但我没有看到任何初始化模块(名称为“app”)的代码。因为您不使用任何代码中初始化的任何数据,所以您可以将其重写为 <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

关于javascript - Angular 花括号不起作用,基本代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39698091/

相关文章:

javascript - AngularJS 输入类型 = 监视变化的数字的指令

javascript - 带有 CSS 选择箭头的样式

javascript - ng-repeat 不适用于嵌套 json

javascript - 用输入字段 Javascript/Angular2 替换某些单词

javascript - JS打字机从纯文本到HTML

javascript - 如何将 ng-repeat 值传递给 Controller

angularjs - 如何在 AngularJS 上验证对 OrientDB 函数的 HTTP 请求?

javascript - 如何提取数据表中选定行的数据

javascript - HTML: 在字符串中嵌套 '

javascript - 对象数组,按对象键 :value 分组