javascript - 为什么angularjs ng-repeat不起作用

标签 javascript html angularjs angularjs-directive angularjs-ng-repeat

我是第一次尝试 AngularJS 的基础知识。我第一次尝试 ng-repeat。但是它不起作用。

这是一个不工作的 jsfiddle .

我已经在单个独立的 HTML 文件中编写了如下代码,并且 angular.js 文件位于同一目录中

<html ng-app> 
<head>
    <script type="text/javascript" src="angular.js"></script>
    <script type="text/javascript">
        var users = [
                      {
                          name:"Mahesh",
                          description:"A geek",
                          age:"22"
                      },
                      {
                          name:"Ganesh",
                          description:"A nerd",
                          age:"25"
                      },
                      {
                          name:"Ramesh",
                          description:"A noob",
                          age:"27"
                      },
                      {
                          name:"Ketan",
                          description:"A psychopath",
                          age:"26"
                      },
                      {
                          name:"Niraj",
                          description:"Intellectual badass",
                          age:"29"
                      }
                    ];
    </script>       
</head> 
<body>
    <div>
        <div data-ng-repeat="user in users">
            <h2>{{user.name}}</h2>
            <div>{{user.description}}</div>
        </div>
    </div>
</body>
</html>

最佳答案

users 必须引用在当前范围内可访问的属性。范围是 AngularJS 将数据从 HTML 绑定(bind)到 HTML 的方式。这在 second tutorial page 的“模型和 Controller ”一章中有进一步解释。 .查看 Fiddle 的工作版本 here .

喂!

关于javascript - 为什么angularjs ng-repeat不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18205678/

相关文章:

javascript - 使用 Redux 获取数据时如何避免竞争条件?

html - SMIL 中的动画

javascript - Oracle JET - 我的 oj-list-view 不起作用

javascript - Angular JS ng-option 不适用于选择标签

unit-testing - 在 AngularJS 中延迟使用 $timeout-Mock

javascript - 安装 Node 模块时出错---找不到common.gypi

javascript 作用域,为什么 $(this) 等于 [window]?

javascript - 在谷歌浏览器中,getBoundingClientRect().x 未定义

javascript - 使用 href ='javascript:func()' 比使用 onclick ='func()' 作为 anchor 是不好的做法吗?

javascript - 使用 res.send 返回成功