$ uibModal close（$ value）コールバックは常に未定義を返します

Question

私のテンプレートから、私はを使用して$uibModalをトリガーします。

すべては私が$modal.close($value)コールバック値が仕事を得ることができない、罰金、オープニング、クロージングなど

問題があるに動作します。関数自体は正常に機能し、モーダルは閉じ、約束成功関数が呼び出されます。問題は、常にundefinedを返します。

---

コンポーネントコントローラ

app.component('list', { 
    templateUrl: 'widgets/list.html', 
    controllerAs: '$widget', 
    controller: function($uibModal) { 

     // Add item through modal 
     this.addItem = function() { 

      // Init and open $uibModal 
      var modalInstance = $uibModal.open({ 
       component : 'modalAddItem', 
       size  : 'md' 
      }); 

      // $uibModal promise 
      modalInstance.result.then(function(params) { 
       console.log(params) 
       // ---> undefined 
      }); 
     } 
    } 
} 

モーダルテンプレート

<div class="modal-add-item"> 

    <div class="modal-body" id="modal-body"> 
     // Some template stuff here 
    </div> 

    <div class="modal-footer"> 
     <button class="btn btn-sm btn-default" ng-click="$modal.ok()">Ok</button> 
    </div> 

</div> 

モーダル成分

app.component('modalAddItem', { 
    templateUrl: 'widgets/modals/add-item.html', 
    bindings: { 
     resolve: '<', 
     close: '&', 
     dismiss: '&' 
    }, 
    controllerAs: '$modal', 
    controller: function ($scope) { 

     this.ok = function() { 
      this.close({item: 'picked item'}); 
     } 

    } 
}); 

---

すべて正常です。しかし、私が試してみると、close関数は常に返すundefined

Answer 1

あなたは項目の代わりに$valueを使うべきです。

this.ok = function() { 
    this.close({$value: 'picked item'}); 
} 

近い - 結果を渡し、モーダルを閉じるために使用することができる方法。 結果は、この形式で渡さなければなりません：{$値：myResult}

Angular UI bootstrap