gokatz
2/14/2017 - 2:06 PM

computed bulk- roperty('name.{firstname,lastname}')

computed bulk- roperty('name.{firstname,lastname}')

{
  "version": "0.11.0",
  "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.10.2",
    "ember-data": "2.11.0",
    "ember-template-compiler": "2.10.2",
    "ember-testing": "2.10.2"
  },
  "addons": {}
}
<h1>Welcome to {{appName}}</h1>
<br>
{{fullName}}
<hr>
{{input value=fname}}
<button {{action 'setFirstName'}}>FNAME</button>
<br>
{{input value=lname}}
<button {{action 'setLastName'}}>LNAME</button>

<br>
{{outlet}}
<br>
<br>
import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  name: {
  	firstname: 'gokul',
    lastname: 'kathirvel'
  },
  fname: '',
  lname: '',
  fullName: function() {
    return this.get('name.firstname') + ' ' + this.get('name.lastname');
  }.property('name.{firstname,lastname}'),
  
  actions: {
  	setFirstName() {
      console.log( this.get('fname'));
    	this.set('name.firstname', this.get('fname'));
    },
    setLastName() {
      console.log( this.get('lname'));
    	this.set('name.lastname', this.get('lname'));
    }
  }
});