Handlebars if/else渲染两个分支

Question

我的手柄模板（在Ember应用程序中）有一个简单的if/else语句，但由于某些原因，if和else分支都呈现。

下面是一段代码：

{{#if loading}} 
    <p>Loading</p> 
{{else}} 
    {{#if loaded}} 
     loaded 
     <p><button {{action "play" this}}>Play</button><p> 
    {{else}} 
     not loaded 
     <p><button {{action "load" this}}>Load</button><p> 
    {{/if}} 
{{/if}} 

最初，只有else分支呈现，但是当我加载声音，并将其loaded键设置为true，无论是if和else分支渲染。

这是改变声音的loaded属性的方法：

load: function() { 
    var media = new window.Media(this.get("normalizedPath"), this._finishedPlaying.bind(this), this._finishedPlaying.bind(this)), 
     loadPromise; 

    this.set("media", media); 
    this.set("loading", true); 

    if(media.load) { 
     loadPromise = media.load(); 
    } 
    else { 
     loadPromise = RSVP.resolve(this); 
    } 

    return loadPromise.then(function() { 
     this.set("loading", false); 
     this.set("loaded", true); 
     return this; 
    }.bind(this)); 
}, 

任何帮助将不胜感激。

Answer 1

你在这里有坏的html，你错过了结束p标签，而是有开放的p标签。