2017-01-21 9 views
1

私はjQueryでかなり良いですが、Angularは私の最も強いスキルの1つではありません。 JSFiddleはjQueryの下にありますが、今はjQueryを使用できないことが判明しましたので、Angularを使用することを余儀なくされています。角度を入力した後にボタンを表示(非表示)する方法は?

http://jsfiddle.net/eAt6Q/1/

私が何をしたいのか、その初期の状態で、または時にバックスペース(入力フィールドに何かを入力すると、入力フィールドが空白のときにそれを削除した後にボタンを表示することであり、何の文字はありません左のように)、例のように。

どうすればよいですか?私はそれを見つけるのに苦労しているので、どのようにボタンをkeypressにバインドするのですか?

<input type="text" id="testInput" /> 
    <button ng-if="testInput.length"></button> 

<input type="text" id="testInput" /> 
    <button ng-hide="testInput.length"></button> 

をしかし、これは動作していないと私は私が何か間違ったことをやっていることを確認するために知っている:

私はこのような何かを試してみました。

答えて

2

ng-modelあなたは、両方のボタンが、NG-場合は、より適切なを非表示にする場合はNG-あなたはNG-ショー以上を使用することができ、よりアクション

+0

ああ私の神...そう簡単に、しかし効果的!ありがとう、私はこれが大好き!私はあなたをアップして答えを受け入れます。ああbtw:あまりにもそれをアニメーション化することは可能ですか? – Siyah

+1

はい、もちろんng-animateを使用できますhttps://docs.angularjs.org/api/ngAnimate – Rakeschand

+0

ありがとうございました!感謝。 – Siyah

2

ためng-blurを使用することができ、角度

<input type="text" id="testInput" ng-model="testInput" /> 
<button ng-show="testInput !== null "></button> 

であなたが必要とするすべてでありますdomからボタンを非表示にする

<input type="text" id="testInput" ng-model="testInput" /> 
<button ng-if="testInput !== null || testInput.length > 0"></button> 

また、ng-disabledを使用して非表示にすることもできます。

関連する問題