javascript - 无法在 angularjs 中循环值

标签 javascript html angularjs

我有一个代码,我想使用 ng-repeat 和 ng-init 循环遍历 json 格式的数组。

但是代码不起作用。

下面是以下代码。


<!DOCTYPE html>
<html ng-app="">
<head>
    <title></title>
</head>
<body>
    <h1>
        ng - repeat
    </h1>
    <hr />
    <div ng-init="myFavLan=[{name:'PHP',extension:'.php'},
                            {name:'Javascript',extension:'.js'},
                            {name:'HTML',extension:'.html'}
                           ]">
        <p ng-repeat="language in myFavlan">
            Name : {{ language.name }} <br />
            Extension : {{ language.extension }}
        </p>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
</body>
</html>

请注意,我是 angularjs 的初学者

最佳答案

Javascript 区分大小写,因此 ng-repeat 中的变量 myFavlan 未定义。只需更改

<p ng-repeat="language in myFavlan">

<p ng-repeat="language in myFavLan">

您还可以更改 ng-init 变量。

关于javascript - 无法在 angularjs 中循环值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48365128/

相关文章:

javascript - 状态未映射到 props React-Redux

javascript - React shallowCompare 如何工作?

javascript - 如何捕获在 `datetime-local` 元素中输入的不完整日期/时间值?

javascript - HTML5 中的同步视频采样

javascript - 是否可以将 'required' 传递给 AngularJS 指令?

javascript - 如何使用 RequireJS/AMD 处理循环依赖?

javascript - VueJS 在渲染数据之前等待 Apollo

html - 如何有条件地将一些 HAML 内容包装在标签中?

javascript - AngularJS/JavaScript - 值应用于数组中的所有 JSON

html - 在头像右侧添加图标 - Ionic