如何在角度上制作自定义指令?

时间:2016-04-23 10:25:44

标签: javascript angularjs angularjs-directive

我对角度很新,我正在做一个有关angular的自定义指令,它将显示一个列表,但我不知道如何将参数从html传递给js,例如:

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

和js文件

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

它应该显示如下:

  • 主页
  • 设置
  • 关于

1 个答案:

答案 0 :(得分:3)

我建议您退后一步,阅读一些Angular文档中的指令。 Angular与jQuery完全不同,你不应该试图强迫jQuery惯用法进入你的Angular实现。

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

我知道我没有回答你的问题,但我担心只是重写你的代码来提供答案会对你造成更大的伤害。

祝你好运。