Question

我使用angularjs构建我的登录页面作为一个视图，这是完美的工作，现在我想打开相同的屏幕，但使用模态。为了从任何页面打开该模态而不被重定向到另一个屏幕。那可能吗？我可以重用该视图/控制器中的代码吗？或者我应该创建一个不同的屏幕？如果我需要为模态创建一个新屏幕，你能指出我正确的方向吗？

Answer 1

您可以在视图和控制器中使用引导程序modal：

var

让它看起来更漂亮你可以使用包装模板并将var CCT; $("#filterTitleTopic").click(function () { console.log(CCT); if (CCT == undefined || CCT == null || CCT == 2) { $('input.topic').prop('checked', false); CCT = 1; console.log("unchecking boxes..."); } else if (CCT == 1) { $('input.topic').prop('checked', true); CCT = 2; console.log("checking boxes..."); } });包含在其中：

myApp.controller('MainController', function($scope, $uibModal) {
  $scope.openModal = function() {
    $uibModal.open({
        templateUrl: 'login.html',
        controller: 'LoginController'
      });
  };
});

要使用bootstrap模式 - 您必须将以下内容包含在login.html：

中

<div class="modal-header">
    <h3 class="modal-title">I'm a modal login!</h3>
</div>
<div class="modal-body" ng-include="'login.html'"></div>
<div class="modal-footer">
    I'm a footer
</div>

并且对您的模块具有依赖性：

index.html

然后，您将按名称<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-1.3.3.js"></script> <link href="//netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">注入它。

Angular - 以模态打开视图

1 个答案: