2016-05-27 27 views
0

私はリンクを含む条件文を持っています。何かが真実ならば、私はそれが真実でなければ「場所a」にリンクしたいのですが、「場所b」にリンクしたいと思います。しかし、私はビルドエラーを取得しています。else if条件付き

私は条件文を削除して、通常のリンク(link-to)を持っています...私のコードがうまく構築できる場所へのリンクです。ビルドエラーは、2つのリンクがあるときに発生します。以下を参照してください:

 <div class="card text-xs-center"> 
      {{if isShowingModal}} 
      {{#link-to 'place-a'}} 
      {{else}} 
      {{#link-to 'place-b'}} 
      {{/if}} 
       <div class="card-block"> 
        <i class="fa fa-cogs" aria-hidden="true"></i> 
       </div> 
       <div class="card-block"> 
        <h4 class="card-title">The Place</h4> 
       </div> 
      {{/link-to}} 

     </div> 

エラーは言う:エラー:リンクする場合は一致していません - 8時19の

application.js

export default Ember.Controller.extend({ 
    isShowingModal: false, 
    actions: { 

     showNavMenu: function() { 
      this.toggleProperty('isShowingModal'); 
     } 
    } 
}); 

答えて

1

を実際にあなたがリンクには終了していませんヘルパーそれははい、これがためにあなたの避難所であるhttp://emberjs.com/api/classes/Ember.Templates.helpers.html#method_link-to

+0

私は下部にリンク先を閉じましたか?私は.card(内部の両方の.card-block)の内部全体をリンクにしたいと思います。 – Pepper

+0

答えが更新されました。今すぐチェック –

+0

ありがとう!今ビルドエラーはありません。 2つの差分リンクは機能しません。 Place aが機能している(モーダルが表示されているときと表示されていないとき)。私のアプリケーションで何かを考えてみてください。 application.jsコードを私の質問に追加しました:-) – Pepper

0

それを確認するので、あなたの場合には、それはあなたのケースでは、完全なコードは、あなたの助けのために

<div class="card text-xs-center"> 
      {{if isShowingModal}} 
      {{#link-to 'place-a' class='card-block fa fa-cogs'}} 
      The Place 
      {{/link-to}} 
      {{else}} 
      {{#link-to 'place-b' class='card-block fa fa-cogs'}} 
      The Place 
      {{/link-to}} 
      {{/if}}   
</div> 

なります

{{#link-to 'place-a' }} Place A {{\link-to} 

{{#link-to 'place-b' }} Place B {{\link-to} 

なります{{/link-to}} で終わらなければなりませんリンクを正しく閉じませんでした。これはあなたのリンク先のステートメントを複製することなくあなたを助けるでしょう。

<div class="card text-xs-center"> 
    {{#link-to (if showingModal "place-a" "place-b") class='card-block fa fa-cogs'}} 
     <div class="card-block"> 
      <i class="fa fa-cogs" aria-hidden="true"></i> 
     </div> 
     <div class="card-block"> 
      <h4 class="card-title">The Place</h4> 
     </div> 
    {{/link-to}} 
</div>