Html AngularJS似乎在工作，但ng repeat却没有_Html_Angularjs_Html Table_Angularjs Ng Repeat

Html AngularJS似乎在工作，但ng repeat却没有

html angularjs

Html AngularJS似乎在工作，但ng repeat却没有,html,angularjs,html-table,angularjs-ng-repeat,Html,Angularjs,Html Table,Angularjs Ng Repeat,我被难住了，找不到窃听器 Angular正在工作，因为它正在读取我的{{expressions}，但是，它并没有用我期望的内容替换它们。它只是简单地将它们移除，并将空白放在它们的位置上。我确信，由于某种原因，这个问题也与我的ng repeat指令不起作用有关。（这不是重复。）有人能帮我吗？我正在画一张桌子。在本例中，完成后，应在同一行中多次发布相应的“想法”，并且每行应具有不同的“想法”，如$scope中所列它创建了一行空白（而不是{{idea}） index.html <!doct

我被难住了，找不到窃听器

Angular正在工作，因为它正在读取我的{{expressions}，但是，它并没有用我期望的内容替换它们。它只是简单地将它们移除，并将空白放在它们的位置上。我确信，由于某种原因，这个问题也与我的ng repeat指令不起作用有关。（这不是重复。）

有人能帮我吗？我正在画一张桌子。在本例中，完成后，应在同一行中多次发布相应的“想法”，并且每行应具有不同的“想法”，如$scope中所列

它创建了一行空白（而不是{{idea}）

index.html

<!doctype html>
<html ng-app="AppName">
<head>
    <link rel="stylesheet" type="text/css" href="styles/table.css">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
</head>

<body>
<div ng-controller="TableController">
    <table>
        <tr>
            <td>
                <table cellspacing="0">
                    <tr class="title_bar">
                        <td>Title</td>
                        <td>Rating</td>
                        <td>Votes</td>
                        <td>Comments</td>
                        <td>Post Date</td>
                        <td>Status</td>
                    </tr>
                </table>
            </td>
        </tr>
    <div ng-repeat="idea in ideas">
        <tr style="color: white">
            <td>{{idea}}</td>
            <td>{{idea}}%</td>
            <td>{{idea}}</td>
            <td>{{idea}}</td>
            <td>{{idea}}</td>
            <td>{{idea}}</td>
        </tr>
    </div>
    </table>
</div>

<script src="scripts/controllers/TableController.js"></script>
</body>

</html>

我可能错过了一些明显的东西，但我很感激你能给我的任何帮助

编辑：哎呀，我想我需要复习一下HTML的基础知识了

您拥有的是无效的HTML，因此它无法呈现您期望的效果。您不能将

放在

中并使其包含元素；您可以在

元素中包含

，但这并不能真正帮助您

如果要在表格中使用ng repeat，请在

或


{{idea}}
........

您拥有的是无效的HTML，因此它无法呈现您期望的效果。您不能将

放在

中并使其包含元素；您可以在

元素中包含

，但这并不能真正帮助您

如果要在表格中使用ng repeat，请在

或


{{idea}}
........

嗯，你的HTML布局看起来很奇怪。你不应该把

放在

试着这样做：

<table>
    <tr class="title_bar">
        <td>Title</td>
        <td>Rating</td>
        <td>Votes</td>
        <td>Comments</td>
        <td>Post Date</td>
        <td>Status</td>
    </tr>
    <tr ng-repeat="idea in ideas">
        <td>{{idea}}</td>
        <td>{{idea}}%</td>
        <td>{{idea}}</td>
        <td>{{idea}}</td>
        <td>{{idea}}</td>
        <td>{{idea}}</td>
    </tr>
</table>


标题
评级
投票
评论
发布日期
地位
{{idea}}
{{idea}}}%
{{idea}}
{{idea}}
{{idea}}
{{idea}}

嗯，你的HTML布局看起来很奇怪。你不应该把

放在

试着这样做：

<table>
    <tr class="title_bar">
        <td>Title</td>
        <td>Rating</td>
        <td>Votes</td>
        <td>Comments</td>
        <td>Post Date</td>
        <td>Status</td>
    </tr>
    <tr ng-repeat="idea in ideas">
        <td>{{idea}}</td>
        <td>{{idea}}%</td>
        <td>{{idea}}</td>
        <td>{{idea}}</td>
        <td>{{idea}}</td>
        <td>{{idea}}</td>
    </tr>
</table>


标题
评级
投票
评论
发布日期
地位
{{idea}}
{{idea}}}%
{{idea}}
{{idea}}
{{idea}}
{{idea}}

尝试将

ng repeat

指令添加到

td

本身

<tr>
  <td ng-repeat="idea in ideas">{{idea}}</td>
</tr>


{{idea}}

这将遍历

$scope.ideas

数组。

尝试将

ng repeat

指令添加到

td

本身

<tr>
  <td ng-repeat="idea in ideas">{{idea}}</td>
</tr>


{{idea}}

它应该遍历

$scope.ideas

数组。

表中的div？表中的div？