如何从控制器打开和设置控制器 Mobile-Angular 模态答案

【问题标题】：how to open and set controller Mobile-Angular modal from controller如何从控制器打开和设置控制器 Mobile-Angular 模态
【发布时间】：2015-10-05 20:58:51
【问题描述】：

我正在尝试在模态（Mobile Angular JS）中使用，但我还没有找到在我的主控制器中为我的模态设置控制器并传递参数的任何方式。我的应用程序只是移动的，使用 ui-bootstrap 会出错吗？

HTML

<div ui-content-for="title">
    <span>Employerss</span>
</div>
<div class="scrollable" ui-state="searchBar">
    <div class="scrollable-content" ui-scroll-bottom='bottomReached()'>
        <div class="list-group" style="height:80px;">
            <a ng-repeat="employers in employerss" ng-click="select(employers)" class="list-group-item">
                <p>{{employers.name | limitTo:70}}...</p>
            </a>
        </div>
    </div>
</div>
<div ui-content-for="modals">
    <div ng-include="'modal/modalemployers.html'" ng-controller="modalEmployersController"></div>
</div>

模态

<div class="modal" ui-if='modalemployers' ui-state='modalemployers'>
    <div class="modal-backdrop in"></div>
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button class="close"
                        ui-turn-off="modalemployers">
                    &times;
                </button>
                <h4 class="modal-title">Modal title</h4>
            </div>
            <div class="modal-body">
                <p>{{test}}</p>
            </div>
            <div class="modal-footer">
                <button ui-turn-off="modalemployers" class="btn btn-default">Close</button>
                <button ui-turn-off="modalemployers" class="btn btn-primary">Save changes</button>
            </div>
        </div>
    </div>
</div>

角度 JS

 var app = angular.module('apphome', [
            "ngRoute",
            "ngTouch",
            "mobile-angular-ui",
            "mobile-angular-ui.core",
            "mobile-angular-ui.components"
        ]);
.........
.........
  app.controller('employersController', function ($scope, $http) {
            $scope.employerss = [];
            $scope.select = function (item) {
                $scope.Ui.turnOn('modalemployers');
            }

            getEmployers($http, function return(data) {
                $scope.employers = data;
            });



        });
        app.controller('modalEmployersController', function ($scope) {

            $scope.test = "teste";
        });

我需要（我很困惑是否可以使用 bootstrap -ui ，而不会危及我的应用程序，因为它只是移动设备。我需要知道 bootstrap -ui 是否可以正常工作。小屏幕的手机可以使用该应用程序不要破坏布局。）

$scope.select = function (item) {
  var modalInstance = $modal.open({
      templateUrl: 'modalemployers.html',
      controller: 'modalEmployersController',
      size: size,
      resolve: {
        item: function () {
          return item;
        }
      }
    });

            }

谢谢大家！

【问题讨论】：

标签： javascript angularjs twitter-bootstrap angular-ui-bootstrap mobile-angular-ui

【解决方案1】：

Angular UI Bootstrap 只是为 Bootstrap CSS 提供了 Angular 模板和扩展。由于 Bootstrap CSS 支持移动设备，Angular UI Bootstrap 库也支持。

请注意，Angular UI Bootstrap 的唯一依赖项是 Angular >= 1.3.x 和 Bootstrap CSS >= 3.x。

【讨论】：