單擊Angular JS中的輸入字段事件

Question

假設您在Angular JS應用程序中有一個輸入字段

 <input id="title" type="text" name="title" placeholder="enter a title" ng-model="item.title" />

我希望在用戶完成與輸入的交互之后向用戶顯示關於輸入數據有效性的一些反饋，但我想不出有關觀看“點擊關閉”事件的指令。 也就是說，當用戶鍵入表單時，可以選擇下一個選項卡，也可以單擊其他任何位置。

如何捕獲“click off and element”事件。

請注意，這與“off-click”事件形成對比，其中事件是指用戶點擊給定元素的任何位置。

Answer 1

您需要使用ng-blur指令。

NG-模糊：

指定模糊事件的自定義行為。

當元素失去焦點時會觸發模糊事件。

注意： 你在ng-blur看到的打印只不過是console.log為方便起見，請參考我的小提琴！

JSFiddle演示

JS：

<div ng-controller='MyController' ng-app="myApp">
  <input id="title" type="text" name="title" placeholder="enter a title" ng-model="item.title" ng-blur="print('lost focus')" />
</div>

參考文獻：

1. NG-模糊

Answer 2

正如Naren的回答中所提到的，ngBlur是您正在尋找的指令。

但是，由於您正在嘗試實現驗證，您應該知道angular具有內置驗證功能，可以為您處理事件並使用它們比重新發明驗證'wheel'更好。

使用ngRequired，ngMinlength，ngMaxlength和ngPattern等驗證指令可以滿足簡單的驗證需求。

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

使用Angular UI的uiValidate指令進行自定義驗證，包括通過異步http請求進行驗證。

https://github.com/angular-ui/ui-validate