javascript - 如何从 Controller 打开和设置 Controller Mobile-Angular 模式

Question

我正在尝试在模态(Mobile Angular JS)中使用，但我还没有找到在主 Controller 内为我的模态设置 Controller 并传递参数的任何方法。我的应用程序只是移动应用程序，使用 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>

AngularJS

 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;
        }
      }
    });

            }

谢谢大家!

Answer 1

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

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