2016-06-20 12 views
0

でNGをクリックします:書き込みイベントonclickのない使用を経由していないjQueryの構文のように<code>ng-click</code>を使用して経由して、私は、オブジェクトのイベント<code>onclick</code>を設定したいangularjs

<button>Click me</button> 
<script> 
    $('button').click(function() { 
     alert('Hello World!') 
    }); 
</script> 

私の質問のようなイベントonclickを書くための方法がありますそれはangularjsで?

私はこの方法を使用したくない:

<button ng-click="sayhello()">Click me</button> 

angular.module('myModule', []).controller('myController', function ($scope) { 
    $scope.sayhello = function() { 
     alert('Hello World!'); 
    }; 
}); 

私はHTMLで情報ng-click="sayhello()"を非表示にします。

+0

、これは最初の場所で角度を使用しての目的を台無しにしてしまいます。角の意味を理解するには、ng-clickなどの指示が必要です。もちろん、あなたがディレクティブを使用することに反対ではなく、何らかの理由でng-clickを避けたいのであれば(なぜこれが当てはまるのか分からないにしても)、あなたはいつも独自のディレクティブを書くことができます。 – Kazimieras

答えて

1

angular.elementをお試しください:

var ele = angular.element('button'); 

同じのjQueryコード:私の意見では

ele.click(function() { 
    alert('Hello World!') 
}); 

Demo

+0

うわー。カッコいい。どうもありがとう! –

0
<button click-me>Click me</button> 

angular.module('myModule') 
    .directive('clickMe', function(){ 
    return { 
     link: function(scope, element){ 
     element.on('click', function(){ 
      alert('Wassup'); 
     }) 
     } 
    } 
}) 
関連する問題