2016-04-23 20 views
0

Iドロップダウンメニュー(http://jsfiddle.net/77f4m6n5/2/)のために次のディレクティブがあります。ドロップダウン指令角度

app.directive("dropdown", dropdown); 

function dropdown() { 

    var dropdown = { 
    link: link, 
    replace: false, 
    restrict: "A" 
    }; 

    return dropdown; 

    function link(scope, element, attributes) { 
    element.bind("click", function(event) {             
     element.children().toggleClass("active"); 
    }); 
    } 
} 

は、私は、そのような指示が、より多くを作成することができます。

<a href="#" dropdown>Open 
    <ul> 
    <li>Item 1</li> 
    <li>Item 2</li> 
    </ul> 
</a> 

そしてディレクティブは以下のとおりです。 「角度のある方法」で?私はリンクのためのディレクティブを持っていなければならないと思います。

+0

あなたはNGクリック、NG-ショー/ NG-非表示に見ることができます – user3791775

答えて

1

これはそれをやって、より角度の方法だろう。

.directive('dropdown', function() { 
    return { 
    link: function(scope, element, attrs) { 
     element.bind("click", function(event) {             
     element.children().toggleClass("active"); 
    }, 
    replace: false, 
    restrict: 'A' 
    }; 
});