使用json angular应用动态菜单时未显示子菜单

时间:2016-12-08 08:00:57

标签: angularjs json

我正在使用json文件来显示我的html页面中的所有菜单。我已经使用正确的流程在json文件中应用了菜单。我正在使用angular将这些菜单绑定到html页面。所有主菜单都显示在那里。但问题是当我点击子菜单箭头时,它显示为空白。此外,只有一个菜单项具有关于我们菜单的子菜单,但它显示每个菜单项的计数器1。要查看其外观的网址是dynamic menu using json angular

如何将这些子菜单仅应用于我们的菜单以及如何在点击我们的菜单时显示子菜单?

我的HTML代码是

<?php

  $fname = "";
  $fnameErr = "";
  if ($_SERVER['REQUEST_METHOD'] == "POST") 
  {
     if (empty($_POST['firstname'])) {
        $fnameErr = "Firsname required"; 
     }else{
        $fname = test_input($_POST["firstname"]);
        if (!preg_match("/^[a-zA-Z ]*$/",$fname)) {
         $fnameErr = "Only letters and white space allowed"; 
        }
     }
  }

  function test_input($data) {
      $data = trim($data);
      $data = stripslashes($data);
      $data = htmlspecialchars($data);
      return $data;
   }

   mysql_connect('localhost','root','G0cl');
   mysql_select_db('db') or die ('Unable to connect to database');
   $insert_query = "INSERT into tbl values('$fname')" ;
   $record_insert = mysql_query($insert_query);
?>

<?php
  include "process.php";
?>
<!DOCTYPE html>
  <html>  
     <head>
        <title>practice</title>
     </head>  
     <body>
        <h2>Absolute classes registration</h2>
        <form method = "post" action = "<?php echo htmlspecialchars($_SERVER["PHP_SELF"]) ?>">
           <input type = "text" name = "firstname" placeholder=" Firsname ">
           <span class = "error">* <?php echo $fnameErr;?></span>
           <input type = "submit" name = "submit" value = "Submit"> 
        </form>
     </body>
  </html>

您可以在给定网址中找到其他来源。

1 个答案:

答案 0 :(得分:1)

Demo link working

Menu
Submenu

在您的代码中,菜单脚本在您的角度之前加载,因此子数据未正确加载。 像这样改变你的代码。为您的脚本设置超时 完成的更改在这里: -

td.DisplayRow2 {color:green;}