【问题标题】:How to pass value to modal in Mobile Angular Ui modal?如何在 Mobile Angular Ui 模态中将值传递给模态?
【发布时间】:2016-02-02 15:43:40
【问题描述】:

我正在使用 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>

当我点击按钮时,它会打开模态但没有价值!

请告诉我如何在模态中获得价值。提前致谢。

【问题讨论】:

  • 请同时展示 JavaScript 方面的内容(例如:您的控制器,尤其是创建模态的调用,以及模态控制器)。

标签: angularjs modal-dialog


【解决方案1】:

在您的控制器中。你应该有类似的东西:

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

在该解析中,您可以填写应该可以在您的模态控制器中访问的功能

【讨论】:

  • 感谢您的回答。此解决方案适用于 Angular UI,但不适用于 Mobile Angular UI。最后,我创建了自定义模式服务和指令。它对我来说很好。
猜你喜欢
  • 2021-10-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-10-25
  • 1970-01-01
  • 1970-01-01
  • 2014-09-17
相关资源
最近更新 更多