如果有条件则余烬

pepper 发表于 Dev

胡椒

我有一个包含链接的条件语句。如果是真的，我希望它链接到“地方a”，如果不是，我希望它链接到“地方b”。但是我遇到了构建错误。

我删除了条件语句，只有一个普通的链接（链接到）...所以仅链接到一个我的代码构建良好的地方。生成错误只是当我尝试具有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');
        }
    }
});

穆罕默德·阿蒂克（Muhammad Ateek）

实际上，您没有正确终止到助手的链接。它应该以结尾，{{/link-to}}所以在您的情况下，它将是

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

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

就您而言，完整的代码将是

<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>

如需帮助，请检查它http://emberjs.com/api/classes/Ember.Templates.helpers.html#method_link-to

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。