如何從控制器打開和設置控制器Mobile-Angular模態

我正在嘗試在模態（移動Angular JS）中使用，但我還沒有找到任何方式來設置我的主控制器內我的模態控制器，並通過參數。我的應用程序只是移動的，使用ui- bootstrap會是錯誤的嗎？如何從控制器打開和設置控制器Mobile-Angular模態

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

我需要（我很困惑，如果我可以用引導-ui，而不會危及我的應用程序，因爲它是我只需要知道bootstrap -ui是否可以正常工作，小屏幕的手機會使用它應用程序不能打破布局）。

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

      }

謝謝大家！

來源

2015-10-05 MusicsCordova

Angular UI Bootstrap只是爲Bootstrap CSS提供Angular模板和擴展。由於Bootstrap CSS支持移動設備，因此Angular UI Bootstrap庫也可以。

請注意，Angular UI Bootstrap的唯一依賴項是Angular> = 1.3.x和Bootstrap CSS> = 3.x.

來源

2015-10-06 20:08:51 icfantv

如何從控制器打開和設置控制器Mobile-Angular模態

回答

相關問題