按鈕重新加載時Angular2（類似的CSS）

我剛剛意識到，當一個按鈕是在一個窗體內 - 沒有在FormGroup上初始化 - 並沒有做任何與表單，如回或取消，重新加載整個頁面。按鈕重新加載時Angular2（類似的CSS）

對於這個例子它將是一個發送按鈕和一個後退按鈕。

我想要做的是有兩個按鈕在相同的邊緣頂部，並與他們之間的餘量。因此，如果兩個按鈕都在表單內，那麼一切都會變得很棒，而忽略了我剛剛提到的問題。如果我讓表單取消按鈕，我的風格會變得糟糕透頂，但流程像Angular2一樣工作：真棒。

按鈕內部形式：

形式以外按鈕：

嗯，我想在離開表單內的按鈕是一種不好的做法，但我真的不知道該怎麼來處理它。那麼，有沒有在表單中添加按鈕的方法，而不是它的一部分？（我真的期望這個Angular2的答案）或者，是否有可能在.css文件裏面做一些魔法來僞造表單中按鈕的存在？（我認爲這將是困難的方式，但也許是正確的）。

非常感謝。

萬一有人問的代碼：

HTML（該按鈕會是表單內）：

<form [formGroup]="f" (ngSubmit) = "onSubmit()"> 
    <div class = "form-group"> 
    <input placeholder = "e-mail" formControlName = "email" type = "text"> 
    </div> 
    <div class = "form-group"> 
    <input placeholder = "Password" formControlName = "password" type = "password"> 
    </div> 
    <div class = "form-group"> 
    <input placeholder = "Pass-conf" formControlName = "pass-conf" type = "password"> 
    </div> 
    <div class="buttons"> 
    <button class = "ok" type = "submit"><img src="./assets/img1.png" alt="Ok"></button> 
    <button class = "back" (click) = "back()"><img src="./assets/img2.png" alt="Back"></button> 
    </div> 
</form>

來源

2016-11-25 RaulGM

我才意識到是什麼問題：

當按鈕設置在一個窗體裏面，它的默認類型是submit，所以我只設置了button這個類型，問題就沒有了。

<button class="back" (click)="back()" type="button"><img ...</button>

無論如何我只是爲了以防萬一。快樂編程給大家！

來源

2016-11-25 20:24:10 RaulGM

按鈕重新加載時Angular2（類似的CSS）

回答

相關問題