Angularjs 如何在移动用户界面模式中将值传递给模式?
我正在使用移动用户界面。 在父窗口中有类别名称列表。我希望所选类别名称应该从modal更新。我能够显示模态。我想将所选类别项目从父视图传递到模式视图 父视图中的我的代码Angularjs 如何在移动用户界面模式中将值传递给模式?,angularjs,modal-dialog,Angularjs,Modal Dialog,我正在使用移动用户界面。 在父窗口中有类别名称列表。我希望所选类别名称应该从modal更新。我能够显示模态。我想将所选类别项目从父视图传递到模式视图 父视图中的我的代码 <div ng-controller="CategoryController as TitleCats"> <div ng-repeat="cats in TitleCats.categories"> <a href="" ui-turn-on="titleCatUpdatemodal
<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">×</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>
&时代;
情态标题
{{cats.name}
接近
保存更改
当我点击按钮时,它会打开模态,但没有值
任何人请让我知道如何在模态中获得价值。提前感谢。在您的控制器中。你应该有类似的东西:
var modalInstance = $uibModal.open({
animation: $scope.animationsEnabled,
templateUrl: 'templates/myModal.html',
controller: 'myModalCtrl',
resolve: {
myData: function () {
//do stuff
return stuff;
}
}
});
在该解决方案中,您可以填写在modals控制器中可以访问的函数请同时显示JavaScript方面的内容(例如:您的控制器,特别是创建模态的调用,以及模态控制器)。感谢您的回答。此解决方案适用于Angular UI,但不适用于移动Angular UI。最后,我创建了定制模式服务和指令。这对我来说很好。