Javascript 如何使用angularJS ng repeat创建空网格？_Javascript_Html_Angularjs

Javascript 如何使用angularJS ng repeat创建空网格？

javascript html angularjs

Javascript 如何使用angularJS ng repeat创建空网格？,javascript,html,angularjs,Javascript,Html,Angularjs,我正在尝试使用angularJS制作一个空网格，我刚接触它2天，所以我知道的不多，这对我来说是有意义的： <!doctype html> <html ng-app> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular.min.js"></script> <script> va

我正在尝试使用angularJS制作一个空网格，我刚接触它2天，所以我知道的不多，这对我来说是有意义的：

<!doctype html>
<html ng-app>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular.min.js"></script>

    <script>
        var app = angular.module('calendar',[]);

        app.controller('WeekMakerCtrl', function(){
                for(i = 0; i < 12; i++){
                    this.rows.push("<tr> <tb>1</tb> <tb>2</tb> </tr>");
                }
            });
    </script>

  </head>
  <body>
    <div ng-controller="WeekMakerCtrl as week">
        <table>
            <p ng-repeat="row in week.rows">{{row}}</p>
        </table>
    </div>
  </body>
</html>


var app=angular.module（'calendar'，[]）；
app.controller（'WeekMakerCtrl'，function（）{
对于（i=0；i<12；i++）{
这个。行。推（“12”）；
}
});
{{row}

但它什么也没显示，有什么问题吗？请不要把答案复杂化，记住我是个新手。非常感谢

模型（行）应该包含数据，而不是标记。视图模板（HTML）应该包含HTML。应该是这样的：

this.rows.push({colA: 1, colB: 2})

然后，您的HTML将如下所示：

<table>
  <tr ng-repeat="row in week.rows">
    <td>{{row.colA}}</td>
    <td>{{row.colB}}</td>
  </tr>
</table>


{{row.colA}}
{{row.colB}}

根据PSL的评论，您可能还需要将您的ng app属性更改为

ng app=“calendar”

，并且您需要在控制器中将this.rows初始化为空数组（

this.rows=[]

），然后才能

。推送它。

。

只需在ng RepeatThank@PSL中编写html，我认为您是对的。文档中说ng应用程序模块名称是可选的，但可能是在进行控制器为全局函数的极其基本的示例时。我会把它添加到帖子里。