2016-02-02 40 views
0

我正在使用Mobile Angular UI。 在父窗口中有類別名稱列表。我想要選擇的類別名稱應該從模態更新。我能夠顯示模態。我想從父視圖傳遞選定的類別項目到模態。如何將價值傳遞給Mobile Angular Ui模態的模態?

我在父視圖代碼

<div ng-controller="CategoryController as TitleCats"> 
<div ng-repeat="cats in TitleCats.categories"> 
<a href="" 
     ui-turn-on="titleCatUpdatemodal" 
     class="btn btn-default" ng-click="TitleCats.openUpdateModel(cats)"> {{cats.name}} --> Edit</a> 
</div> 
<div ui-content-for="modals"> 
<div ng-include="'pages/titleCatUpdatemodal.html'"></div> 
</div> 
</div> 

我莫代爾是

<div class="modal" ui-if='titleCatUpdatemodal' ui-state='titleCatUpdatemodal'> 
<div class="modal-backdrop in"></div> 
<div class="modal-dialog"> 
    <div class="modal-content"> 
    <div class="modal-header"> 
    <button class="close" 
      ui-turn-off="titleCatUpdatemodal">&times;</button> 
    <h4 class="modal-title">Modal title</h4> 
    </div> 
    <div class="modal-body"> 

     <p><input type="text" ng-model="cats.name" >{{ cats.name }}</p> 
    </div> 
    <div class="modal-footer"> 
    <button ui-turn-off="titleCatUpdatemodal" class="btn btn-default">Close</button> 
    <button ui-turn-off="titleCatUpdatemodal" class="btn btn-primary">Save changes</button> 
    </div> 
</div> 
</div> 

當我點擊按鈕,它會打開模式,但沒有價值!

任何人都請讓我知道如何在模態中獲得價值。提前致謝。

+0

請也表明事物的JavaScript端(如:您的控制器特別是創建模態和模態控制器的呼叫)。 – GraehamF

回答

0

在您的控制器中。你應該有一些與此類似:

var modalInstance = $uibModal.open({ 
     animation: $scope.animationsEnabled, 
     templateUrl: 'templates/myModal.html', 
     controller: 'myModalCtrl', 
     resolve: { 
      myData: function() { 
       //do stuff 
       return stuff; 
      } 
     } 
    }); 

內部的決心,你可以填寫功能,那麼它應該在你的模態控制器訪問

+0

感謝您的回答。此解決方案適用於Angular UI,但不適用於Mobile Angular UI。最後,我創建了自定義模式服務和指令。這對我來說可以。 –