Question

我有PHP代码，我想转换成角度。我用php做了同样的事情。我希望使用angularjs跟进输出。

这是我输出的屏幕截图。 http://i.stack.imgur.com/rk6Qt.png][1]][1]

为此，我已经完成了以下的PHP代码：

<?php

   function buildMenu($parentId, $menuData,$counter)
   {
   $html = '';
   if (isset($menuData['parents'][$parentId]))
   {
    $html = '<ul>';$counter++;
    switch ($counter) {
        case 1:
            $style='#ff7a85';                 
            break;
        case 2:
            $style='#0074a2';            
            break;
        case 3:
            $style='#33B940';
            break;            
       case 4:
            $style='#ffa62f';
            break;                       
    }

    foreach ($menuData['parents'][$parentId] as $itemId)
           {
            $html .= '<li><p><span style="font-weight:boldfont-size:13px;  padding-left:'.($counter*20).'px;color:'.$style.'">';
            $html .= $menuData['items'][$itemId]['TASK_NAME']."</span></p>";
            $html .= '<p>'.$menuData['items'][$itemId]['TASK_CREATOR_NAME'].'</p>';
            $html .= '<p>'.$menuData['items'][$itemId]['TASK_ESTIMATED_HOURS'].'</p>';
            $html .= buildMenu($itemId, $menuData,$counter);
            $html .= '</li>';

            }
    $html .= '</ul>';
}

return $html;
}

if(!empty($menuData)) {
     $counter=0;
     $test_res =  buildMenu(0, $menuData,$counter);
     $test_res = str_replace("<li>","<tr style='border:1px solid   #ccc'>",$test_res);
     $test_res = str_replace("</li>","</tr>",$test_res);
     $test_res = str_replace("<p>","<td style='border:1px solid #ccc'>",$test_res);
     $test_res = str_replace("</p>","</td>",$test_res);
     $test_res = str_replace("<ul>","",$test_res);
     $test_res = str_replace("</ul>","",$test_res);

我希望使用angularjs输出相同的输出，因为我已经完成了以下代码：

<tbody ng-repeat="task in tasks.items">
    <tr ng-if="task.PARENT_TASK_ID==0" ng-bind="task.ID">
       <td><font face="verdana" size="2"><strong>{{task.TASK_NAME}}</strong></font></td>
       <td>{{task.TASK_CREATOR_NAME}}</td>
       <td>{{task.TASK_ESTIMATED_HOURS}}</td>
    </tr>
    <tr ng-if="task.PARENT_TASK_ID!=0">
       <td><font face="verdana" size="2">{{task.TASK_NAME}}</font></td>
       <td>{{task.TASK_CREATOR_NAME}}</td>
       <td>{{task.TASK_ESTIMATED_HOURS}}</td>
    </tr>
</tbody>

但我没有得到合适的输出。请帮我解决这个问题。

如何将PHP代码转换为angularjs

0 个答案: