2017-10-13 6 views
1

ngTagsInput角度ライブラリの使用を開始したばかりで、モデルを更新する際に問題が発生しています。私はionicPopupにタグ入力を示し、興味深いことにon-tag-addedイベントが発生し、$ scope.sites []に値が設定されたことが示されます。ngTagsInputがモデルにバインドされていません

$ scope.test()を呼び出すと、配列は空です。値を保持する唯一のコンテキストは、on-tag-addedイベントに関連付けられたメソッドです。ここで

は簡略化され、コントローラの例です:

私のように、タグ要素が定義されている私の見解では
$scope.sites = []; 

$scope.addSites = function() { 
    // this works 
    console.log("In addSites"); 
    console.dir($scope.sites); 
} 

$scope.test = function() { 
    // in any other method $scope.sites is empty 
    console.dir($scope.sites); 
} 

:私はそれが信じられないほど奇妙な$スコープ変数に値を含めることができますを見つける

<tags-input ng-model="sites" add-on-space="true" placeholder="Add Site Numbers" on-tag-added="addSites($tag)"></tags-input> 

私は図書館イベントの文脈の中ではあるが、それ以外のところでは期待していない。

バインディングの点で特別なことはありますか?ドキュメントがある限り、私は何が欠けているのか分かりません。どんな提案も大歓迎です。

答えて

1

多くの試行錯誤の末、私は以下を実行してこれを解決しました。

<tags-input ng-model="$parent.sites" add-on-space="true" placeholder="Add Site Numbers" on-tag-added="addSites($tag)"></tags-input> 

私はすでに「スコープ:$スコープ」渡した$ ionicPopup({})に私の呼び出しではなく、「$ parent.sites」に設定NG-モデルなしでそれが正しく結合されませんでした。

これにより、道路の下にいる誰かが自分の髪を抜くことができれば助かります。

関連する問題