javascript - AngularJS 不打印变量

标签 javascript html angularjs

我目前正在使用 angularJS 构建我的第一个单页应用程序。我的 Controller 中存储的变量信息未显示在页面上。在广泛尝试解决此问题后,我不知道为什么它不显示。

<div ng-repeat="x in pers" class="person">
    <div class="name">{{ pers.person }}</div>
    <div class="out">Out</div>
    <div class="in" >In</div>
    <div class="onsite">On site</div>
    <div class="notes">
        <div class='n'></div>
        <div class='dn'>Delete note</div>
        <div class='an'>Add note</div>
    </div>

我的 Controller 看起来像这样。

app.controller("MainController", ['$scope',  function($scope) {
    $scope.pers = [
    {
        person: 'Nick',
    },
    {
        person: "Greg",
    }];
}]);

重复函数按预期工作并形成两个表,但是带有类名的两个 div 在页面上都没有任何文本。我也尝试过使用 ng-binding="pers.person" 但没有成功。

预先感谢您针对我遇到的这个问题提供的任何帮助。

最佳答案

应该是{{x.person}} 您正在使用 persng-repeat 以及别名 x

关于javascript - AngularJS 不打印变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39403237/

相关文章:

javascript - 如何从 nodeList 获取元素?如何使用byTagname/ByClassName?

javascript - 鼠标松开事件出错

javascript - 检查值是否在某个数字的范围内

javascript - AngularJs,从嵌套 ng-repeat 内的指令访问父范围

Javascript 数组映射到属性(item => item[prop])?

Javascript 缩短和连接函数

html - Kendo 图表导出为 pdf 或 png

html - Float 在 IE 7 和 IE 8 中看起来不同(html 验证)

javascript - 在缩放的 div 上精确放置可拖动元素

angularjs - 如何使用 bower 包含单独的 codemirror 模式文件?