एम्बरजेएस

Question

में एक दृश्य को कैसे दिखाना/छुपाएं, मैं लोड पर छिपाने के लिए एक दृश्य चाहता हूं, फिर जब कोई उपयोगकर्ता किसी लिंक पर क्लिक करता है तो यह दृश्य प्रदर्शित करेगा। क्या कोई मेरे कोड की समीक्षा कर सकता है और मुझे बता सकता है कि मैंने क्या गलत किया है? http://jsfiddle.net/stevenng/uxyrw/5/

Answer 1

मैं दृश्य आपको छिपाने/शो करना चाहते हैं के लिए एक सरल isVisibleBinding बनाने के लिए, देखना होगा http://jsfiddle.net/pangratz666/dTV6q/:

Handlebars:

<script type="text/x-handlebars" > 
    {{#view App.ParentView}} 
     <h1>Parent</h1> 
     <div> 
      <a href="#" {{action "toggle"}}>hide/show</a> 
     </div>  
     {{#view App.ChildView isVisibleBinding="isChildVisible" }} 
      {{view Em.TextArea rows="2" cols="20"}} 
     {{/view}}   
    {{/view}} 
</script>​ 

App.parentView = Em.View.extend({ 
    click: function() { 
    App.childView.set('isVisible', true); 
    } 
}); 

App.childView = Em.View.extend({ 
    isVisible: false 
}); 

यहाँ jsfiddle है

जावास्क्रिप्ट:

App.ParentView = Em.View.extend({ 
    isChildVisible: true, 

    toggle: function(){ 
     this.toggleProperty('isChildVisible'); 
    } 
}); 

App.ChildView = Ember.View.extend(); 

---

अपने नामकरण सम्मेलनों के बारे में एक नोट: कक्षाएं UpperCase और उदाहरणों lowerCase नामित किया जाना चाहिए। इसके बारे में blog post देखें।

Answer 2

कुछ कारणों के लिए Valuebinding के लिए मुझे इतना childView अंदर parentView संपत्ति को देख फ्लॉप काम मेरे लिए चाल किया

बर:

<script type="text/x-handlebars" > 
    {{#view App.ParentView}} 
     <h1>Parent</h1> 
     <div> 
      <a href="#" {{action "toggle"}}>hide/show</a> 
     </div>  
     {{#view App.ChildView }} 
      {{view Em.TextArea rows="2" cols="20"}} 
     {{/view}}   
    {{/view}} 
</script>​ 

Coffeescript:

App.ParentView = Em.View.extend 
    isChildVisible: true 
    toggle: -> 
    @toggleProperty 'isChildVisible' 
App.ChildView = Em.View.extend 
    isVisible: (-> 
    @get('parentView.isChildVisible') 
).property '_parentView.isChildVisible'