Custom Directives

[nakome]

Hi, I have a question ,how to make custom directive is this posible?

Something like this:

Moon.directive('blue',(el) => {
  el.style.color = 'blue';
});

<p m-blue>{{title}}</p>

[kbrsh]

Yes, that is possible, refer to the docs

[nakome]

Hi, Good day i try but i get an error

Uncaught TypeError: Cannot read property 'type' of undefined

The code:

// index.html
<div id="app">
	<p m-color="red">{{title}}</p>
</div>
// app.js
Moon.directive('color',(el,val) =>{
	console.log(el,val);
	return el.style.color = val;
});

const app = new Moon({
	el: '#app',
	data:{
		title: 'Hello World'
	}
})

[kbrsh]

Ahh, thanks for reporting the error! It was an issue with the compiler not generating correct code. Next time, use the developer version of Moon for a helpful error message.

This will be fixed in v0.11.0.

[nakome]

OK, Awesome project bro 👍

[kbrsh]

Thank you! 😄