2016-02-02 100 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。最后,我创建了自定义模式服务和指令。这对我来说可以。 –