Jqueryを角度指令に変換する

Question

Ia m Angularで新しいですが、私はJqueryで動作することを知っています、私はAngular指令にいくつかの関数を変換することに問題があります。誰かがそのことについて私を助けることができ、これは

$('.spinner .btn:first-of-type').on('click', function() { 
    $(this).closest('.spinner').find('input').val(function(i, v) { 
    return parseInt(v, 10) + 1; 
    }); 
}); 
$('.spinner .btn:last-of-type').on('click', function() { 
    $(this).closest('.spinner').find('input').val(function(i, v) { 
    return parseInt(v, 10) - 1; 
    }); 
}); 

Answer 1

AngularJSはjQLiteと呼ばれるのjQueryのそれ自身のストリップダウンバージョンに付属している私のjqueryの関数です。あなたはそのようにそれを使用することができます：

angular.element(<selector>).<operation> 

あなたはより多くのドキュメントhere

注見つけることができます：あなたは、通常のjQueryを使用する必要はありませんが。 jQueryはAngularでうまく動作しますが、ディレクティブを使用してAngularスタイルの開発とDOM操作をもっと使いたいと思っています。

Answer 2

angular.module("yourmodulname").directive("spinnerDirective", spinnerDirective); 

function spinnerDirective(){ 
    return { //Edit -1 
restrict:"A", //restrict the directive to the attribute 
link: "spinnerDirectiveLink" 
    }//Edit-1 
} 

function spinnerDirectiveLink(scope, element, attribute){ 


$('.spinner .btn:first-of-type').on('click', function() { 
     $(this).closest('.spinner').find('input').val(function(i, v) { 
     return parseInt(v, 10) + 1; 
     }); 
    }); 
    $('.spinner .btn:last-of-type').on('click', function() { 
     $(this).closest('.spinner').find('input').val(function(i, v) { 
     return parseInt(v, 10) - 1; 
     }); 
    }); 

} 

HTML

<p spinner-directive></p> 

あなたの質問は、タスクに明確ではないので、これは我々がディレクティブを書き留め一般的な方法です。ここからあなたの仕事に変換するために引き継ぐ必要があることを願っています。