component validation from route

components.my-component.js

import Ember from 'ember';

export default Ember.Component.extend({
  message: 'error message goes here',
});

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  name:'techM',
  error:"error is here",
  errorMessages:{
  	error1:"error1"
  },
});

routes.application.js

import Ember from 'ember';
import Validations from '../validation'

export default Ember.Route.extend(Validations, {
  model(){
  	return {num:null, errorMessage:"error" }
  },

  actions:{
  	validate(){
      var that = this;
     this.validate().then(({model, validations})=>{
      	if(model.get('validations.attrs.controller.model.num.isValid')){
          	console.log('statge', validations.get('isValid') ); 
          this.controllerFor(this.routeName).set('model.errorMessage', '');
				}else{
        if(model.get('validations.attrs.controller.model.num.isInvalid')){
						console.log('statge', validations.get('isValid') );
          var errorMessage = model.get('validations.attrs.controller.model.num.message');
            this.controllerFor(this.routeName).set('model.errorMessage', errorMessage )
					}
        }
      })
      
    }
  }
});

templates.application.hbs

<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}
<br>
<br>
{{model.num}}
{{my-component myModel=model errors=errorMessages}}
<br>
{{error}} 
<br>
<button {{action 'validate' }}>Validate</button>

templates.components.my-component.hbs

{{input type="text" value=myModel.num}}
<div style='color: red'>{{errors.error1}}<br></div>

twiddle.json

{
  "version": "0.12.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.12.0",
    "ember-template-compiler": "2.12.0",
    "ember-testing": "2.12.0"
  },
  "addons": {
    "ember-data": "2.12.1",
    "ember-cp-validations":"3.4.0"
  }
}

validation.js

import { validator, buildValidations } from 'ember-cp-validations';

export default buildValidations({
	'controller.model.num': [
		validator('number',{
		allowString: true,
		integer: true,
		message: 'Error! This is not an integer!'
}),
	validator('presence', true)
]
});