AngularJSのjQueryのぼかしイベントの置き換えは何ですか？

Question

anglejsを使用してそのコンポーネントの外側をクリックすると、開いているコンポーネントを閉じる必要があります。ぼかしイベントのための角度指示はありますか？そうでない場合は、どうすればいいですか？ネイティブ角度のJsでサポートされていない

Answer 1

あなたはダブルクリックイベントぼかし、フォーカスを、提供http://angular-ui.github.io/ui-utils/ @角度UIを使用するか、いずれかのイベントにコールバックをバインドすることができます

以下

はblurイベントの例の一つである：フォーカスとブラーのイベントをサポートする

<input ui-event="{ blur : 'blurCallback()' }"> 

<script> 
$scope.blurCallback = function() { 
alert('Goodbye'); 
}; 
</script> 

Answer 2

ディレクティブは、次のAngularJSに含まれます（私の推測では、来月内にある）すぐにあるべき、(reference)をリリース。待つことができない場合は、JQueryGuruの提案のように、AngularUIプロジェクトのuiEventディレクティブを使用できます。

Answer 3

angle-uiのui-eventを使用しない場合は、Angularの次のバージョンがリリースされるまで小さなディレクティブを作成することもできます。

app.directive('ngBlur', function() { 
    return function(scope, elem, attrs) { 
    elem.bind('blur', function() { 
     scope.$apply(attrs.ngBlur); 
    }); 
    }; 
}); 

ちょうどあなたがそれを必要な場所ディレクティブを置く：

<input type="text" ng-model="foo" ng-blur="doFoo()" /> 

基本的にディレクティブは、イベントがあるときに（入力我々の例では）要素のblurイベントをバインドすることですん何か（我々は入力を残して）発射され、指示に何が適用されます。したがって、我々の場合、入力を離れるとdoFoo()が解雇されます。

ここPlunker：http://plunker.co/edit/J4ZEB6ppvkiIvdW9J2VU?p=preview

Answer 4

ネイティブNG-ボケ「最新不安定で全く動作しません:(」 http://docs.angularjs.org/api/ng.directive:ngBlur

ヨは、この記事の手順に従って、この問題を解決することができ 「ありAngularJsでblurイベントには直接サポートされていない。しかし、我々はディレクティブを作成することにより、blurイベントのサポートを追加することができます。」 http://coding-issues.blogspot.in/2013/10/angularjs-blur-directive.html

Answer 5

角度1.2.24 *のとおり、ng-blurディレクティブがあります。

// View 
<input 
    type="text" 
    placeholder="Hello World!" 
    ng-model="foo.bar" 
    ng-blur="onBlur($event)" 
    > 

// Controller 
$scope.onBlur = function($event) { 
    return $event; 
} 

※角度バージョンng-blurが導入されました。