Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Tr和td';他坐在桌子上,有棱角_Javascript_Html_Angularjs_Html Table - Fatal编程技术网

Javascript Tr和td';他坐在桌子上,有棱角

Javascript Tr和td';他坐在桌子上,有棱角,javascript,html,angularjs,html-table,Javascript,Html,Angularjs,Html Table,我想用tr和td来填充一个表,用一个角度的循环。我使用PHP将tr和td填入我的表格: for($j = 1; $j <= 8; $j++){ echo "<tr>"; for($i = 1; $i <= 20; $i++){ if($string[$k] == "#"){ echo "<td id='$k'>#</td>"; }elseif($string[$k] =

我想用tr和td来填充一个表,用一个角度的循环。我使用PHP将tr和td填入我的表格:

for($j = 1; $j <= 8; $j++){
    echo "<tr>";
    for($i = 1; $i <= 20; $i++){    
        if($string[$k] == "#"){
            echo "<td id='$k'>#</td>";
        }elseif($string[$k] == "&"){
            echo "<td class='click' val='water' id='$k'>&</td>";
        }else{
            echo "<td class='click' id='$k'><a href='#'></a></td>";
        }
        $k++;
    }
    echo "</tr>";
}

for($j=1;$j为了实现这一点,您需要在数组中包含一个元素,以便可以使用ng repeat来填充列表。

看看这里

您的代码中描述的范例是非常非角度的。在您的代码中,您使用服务器端代码来组装标记。角度方法是使用服务器端代码向客户端发送数据(通过AJAX或加载的内联JSON或javascript),然后使用角度组装标记

有些人喜欢这种方法的原因有很多,但我认为最突出的一个原因是:在任何情况下都可能有javascript与此标记交互,但angular允许服务器不知道页面的交互行为。更好地分离关注点

要更直接地回答您的问题,请执行以下操作(此处从臀部拍摄):


myAngularApp.controller('MyController',['$scope',函数($scope){
$scope.myTableData=;
}]);
{{cell.text}

我建议您不要为此使用angular。angular是一个更高级的框架。您应该将这段代码作为一个独立的非angular模块编写,并使用anular的数据绑定指令进行包装。

没有注释的反对票是Boo。OP从中没有学到任何东西。
<script>
myAngularApp.controller('MyController', ['$scope', function($scope) {
    $scope.myTableData = <?php echo $myTableJSON; ?>;
}]);
</script>

<table ng-controller="MyController">
    <tbody>
        <tr ng-repeat="row in myTableData">
            <td ng-repeat="cell in row">{{ cell.text }}</td>
       </tr>
   </tbody>
</table>