如果輸入被選中，則使ng-show觸發

Question

如果標題不為空或輸入焦點，我試圖顯示“添加”按鈕。 在下面的示例中，該按鈕顯示標題是否為空，但是如果輸入焦點突出，我還要顯示該按鈕。

<input ng-model="title" />
<button ng-show="title" ng-click="add(title)">Add</button>

我正在尋找這樣的東西，但是用input_is_focused替換了。

<input ng-model="title" />
<button ng-show="title || input_is_focused" ng-click="add(title)">Add</button>

一種解決方法是添加ng-focus和ng-blur，它們調用一種方法來檢查標題是否為空，然后顯示或隱藏按鈕，但這並不是那么干凈。

Answer 1

剛剛為我的問題提出了一個可接受的解決方案，但可以接受其他不依賴ng-focus和ng-blur 。

<input ng-model="title" ng-focus="focus=true" ng-blur="focus=false" />
<button ng-show="title || focus" ng-click="add(title)">Add</button>