How to make a custom directive on angular?

Question

I'm pretty new to angular and I'm doing a custom directive on angular, which will display a list, but I have no idea how to pass parameters from html to js, for example:

<div data-ng-menu="['Home','Settings','About']"></div>

and js file

var app = angular.module("myApp", []);
app.directive('ngMenu', function ($parse) {
    var menu = {};
    menu.restrict = 'A';
    menu.template = "<ul><li>parse</li></ul>";
    return menu;
});

It should display like this:

Home
Settings
About

TJ Trapp · Accepted Answer · 2016-04-23 10:30:22Z

3

I suggest that you take a step back and read through some of the Angular documentation for directive. Angular is quite different than jQuery and you shouldn't try to force jQuery idioms into your Angular implementation.

https://docs.angularjs.org/guide/directive

I know I did not answer your question but I fear that just rewriting your code to provide the answer will do you more harm in the long run.

Good luck.

answered Apr 23, 2016 at 10:30

TJ Trapp

1067 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to make a custom directive on angular?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related