1

ツールチップを使用して入力要素を作成し、関数を enter keypress イベントにバインドしようとしています。これらの機能はそれぞれ単独で機能しますが、組み合わせることはできません。マークアップは次のとおりです。

  <input type="text"
    tooltip="tooltip text" 
    tooltip-placement="top"
    tooltip-trigger="mouseover"
    ng-model="currentTag" 
    ng-keypress="addTag($event)" />

およびコントローラー関連の部分:

  $scope.addTag = function($event) {
    if($event.keyCode !== 13) return;

    console.log($scope.currentTag);     <---- currentTag is undefined here.
    ...
  };

ツールチップ ディレクティブを省略すると、コードは正常に動作します。currentTag を未定義にする $scope はどうなりますか? 上記が機能するようにこれを修正するにはどうすればよいですか？

4

2 に答える 2

0

角度スコープについて RTFM に戻った後、このビデオに出くわし、答えが得られました。

要するに、上記のテンプレート ng-model は

ng-model="whateverYourCurrentModelIs.currentTag"

コントローラで適宜アクセスする必要があります。

于 2013-09-29T13:39:36.750 に答える