sidenav在angularjs材料设计中没有正确显示

时间:2016-03-01 15:09:32

标签: angularjs material-design angular-material

这是我的代码。

    $servername = "localhost";
    $username = "********";
    $password = "********";
    $dbname = "********";

    // FORM HANDLING
    $aName = $_POST["adminName"];
    $aEmail = $_POST["'adminEmail"]; 
    $aUsername = $_POST["adminUsername"];
    $aPassword = $_POST["adminPassword"];
    $aEmail .= $_POST["adminDomain"];


    // Create connection
    $conn = new mysqli($servername, $username, $password, $dbname);

            // Check connection
    if (mysqli_connect_error()) {
        die("Database connection failed: " . mysqli_connect_error());
    }


    $sql = "INSERT INTO administrators (`adminName`, `adminEmail`, `adminUsername`, `adminPassword`)
    VALUES ('".$aName."','".$aEmail."','".$aUsername."','".$aPassword."')"; 

 if ($conn->query($sql) === FALSE) {

 function died($error) {

    // your error code can go here

    echo "We are very sorry, but there were error(s) found with the form you submitted. ";

    } else {
        echo "Account has successfully been created, please click the link below to return to the login screen!";

    }







    $conn->close();

   ?>

当我点击按钮打开右侧导航时,它会打开,但高度与工具栏相同。

如何显示标准尺寸的sidenav?

1 个答案:

答案 0 :(得分:1)

将md-sidenav放在md-content

之外
<div  ng-controller="MainCtrl as mc">

    <md-content>            
    </md-content>

    <md-sidenav md-component-id="right" class="md-sidenav-right">
        <md-button href="http://google.com">Google</md-button>
    </md-sidenav>

    <div ui-view></div>

如果它在md-toolbar内,它将占用工具栏高度