Backtracking re-render #13948

components.foo-component.js

import Ember from 'ember';

export default Ember.Component.extend({
  _error:{},
  error1:Ember.computed('value1', function(){
    let x={error1:false};
    if(this.get('value1')==='asd'){
      x={error1:true}
    }
    return x;
  }),
  error2:Ember.computed('value2', function(){
    let x={error2:false};
    if(this.get('value2')==='asd'){
      x={error2:true}
    }
    return x;
  }),
  error:Ember.computed('error1', 'error2', function(){
      let error = {};
      Ember.merge(error, this.get('error1'));
      Ember.merge(error, this.get('error2'));
      return error;
    
  }),
  actions:{
   value2updated:function(val){
     this.set('value2',val);
     this.get('value2updated')();
   }
  },
  obser:Ember.observer('error', function(){
    this.get('onErrorRaised')(this.get('error')); 
  })
});

components.my-component.js

import Ember from 'ember';

export default Ember.Component.extend({
  item:{
    value1:'asd',
    value2:'qwe',
  },
  error:Ember.computed('externalError', function(){
    return Ember.merge({error:false}, this.get('externalError'));
  }),
  actions:{
    onErrorRaised(error){ 
      this.set('externalError', error);
    },
    v2u(){
     	this.set('item.value1','er'); 
    }
  }
});

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({

});

templates.application.hbs

{{my-component}}

templates.components.foo-component.hbs

<br>

<input value={{value1}} oninput={{action (mut value1) value='target.value'}} />
<input value={{value2}} oninput={{action 'value2updated' value='target.value'}} />

my-error: {{error.error1}} -{{error.error2}}

templates.components.my-component.hbs

error: {{log error}}

{{foo-component onErrorRaised=(action 'onErrorRaised') value1=item.value1 value2=item.value2 value2updated=(action 'v2u')}}

twiddle.json

{
  "version": "0.11.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.11.0",
    "ember-data": "2.11.0",
    "ember-template-compiler": "2.11.0",
    "ember-testing": "2.11.0"
  },
  "addons": {}
}