ブートストラップスタイルのボタン削除リンク

Question

• エリクサーバージョン：1.3.2
• フェニックスのバージョン：1.2.1
• NodeJSバージョン：4.4.6
• NPMバージョン：3.10.6
• ブランチバージョン：2.7.4
• オペレーティングシステム：MacのOSX

私はフォーを使用して、単純なリンクであると仮定ものを作成しようとしていますenixのlink helper function。

<li><%= link "Logout", to: session_path(@conn, :delete, user), method: :delete %></li> 

ボタンが正常に動作し、ユーザーがログアウトしたが、ボタンのスタイリングが適用されていない

<form action="/logout/1" class="link" method="post"> 
    <input name="_method" type="hidden" value="delete"> 
    <input name="_csrf_token" type="hidden" value="VhxiLApJElIS...removed for clarity"> 
    <a data-submit="parent" href="#" rel="nofollow">Logout</a> 
</form> 

をレンダリングします。以下を参照してください：

「ログアウト」ボタンを合わせおよび「ホーム」ボタンのようなホバー効果を含めるべきです。 ログアウトボタンのスタイリングを削除していますか？

ユーザーがスタイリングリターンをログアウト：ここ

は、削除リンク機能に関連する他の問題があります。

• Delete link not working phoenix
• https://github.com/phoenixframework/phoenix/issues/1204
• https://github.com/phoenixframework/phoenix/issues/1408
• https://github.com/phoenixframework/phoenix/issues/1319

ここで私は私が見つけた他の問題に基づいて試してみたものです：

• 実行をbrunch build - コンパイルがうまくいけば、これはいくつかの入力を取得するのに十分な情報であるbutton

から

変更link機能を継承。

Answer 1

削除リンクはフォームを作成するため、これが必要です。フェニックスは、あなたのためのフォームを作るよう

<%= link "Delete", to: schedule_path(@conn, :delete, schedule), method: :delete, data: [confirm: "Are you sure?"], class: "btn btn-danger btn-xs" %> 

あなたは、直接アンカーから削除したり、ポストメソッドを呼び出すことはできません：発電機は、その何か以下のように作成する何を見れば。これは便利な機能ですが、最初は混乱する可能性があります。したがって、フォームが機能していない場合は、フォーム自体ではなくコントローラに問題がある可能性があります。