AngularJs 材质形式答案

【问题标题】：AngularJs material formAngularJs 材质形式
【发布时间】：2017-10-03 00:03:54
【问题描述】：

我有一个非常简单的 AngularJs 材质表单。使用非常简单的 PHP 代码只需姓名、电子邮件地址和文本。不幸的是，它不起作用。我在没有 Angularjs Material 的实时服务器中使用了相同的 PHP 代码。有效。现在它不再工作了

这里是代码

<form action="form.php" method="post">
        <md-input-container class="md-icon-float md-block">
          <label>Name</label>
          <input type="text" rows="5" name="name">
        </md-input-container>



        <md-input-container class="md-block">
          <input  type="email" placeholder="Email (required)" ng-required="true" name="from">
        </md-input-container>



        <md-input-container class="md-block">
                <label> message</label>
                <textarea rows="2" md-select-on-focus name="message"></textarea>
        </md-input-container>


        <md-button class="md-button" type="submit" name="submit">
                <md-icon class="material-icons">send</md-icon>
        </md-button>

</form>

PHP 代码

<?php

    $name = $_POST['name'];
    $email = $_POST['from'];
    $message = $_POST['message'];
    $from = 'from the web';
    $to = 'the email address';


    $body = "From: $name\n E-Mail: $email\n Message:\n $message";

    if ($_POST['submit']){               
        if (mail ($to, $from, $body)) { 
        echo '<p>Worked</p>';
    } else { 
        echo '<p>Error</p>'; 
        } 
    } 
?>

我也尝试过更直接的方法，但没有奏效。有了这个，我只会得到一个白屏

【问题讨论】：

标签： angularjs-material

【解决方案1】：

我刚刚找到了解决方案。 md 按钮 未提交信息。如果我替换以下部分

<md-button class="md-button" type="submit" name="submit">
    <md-icon class="material-icons">send</md-icon>
</md-button>

有了这个

<input class="md-button" type="submit" name="submit"/>

有效。

【讨论】：