Bootstrap Modal не открывается внутри перенаправленной страницы - PullRequest
Новая
       28

Bootstrap Modal не открывается внутри перенаправленной страницы

1 голос
/ 08 октября 2019

Я использую angularjs и одностраничный подход для своего приложения через ui.router. Теперь я просто хочу показать модальный режим при нажатии кнопки (внутри одного из этих маршрутов).

Я использовал базовый модал, который работает на простой странице, но не работает в моем случае (возможно, из-за маршрутизации). Я читал, что есть несколько способов сделать это, даже используя ui.router и вложенное состояние, но я не получил его, кто-нибудь может показать мне простой рабочий пример для этого?

Это мой модульapp 

var app = angular.module('myApp', ["ui.router",'ngTagsInput']);

// define route configurations inside app.config
// injecting dependencies
app.config(function ($stateProvider, $locationProvider,
                     $urlRouterProvider) {


    $stateProvider
        .state('Home', {
            url: "/Home",
            templateUrl: "views/home.html",
            controller: "HomeCtrl"

        })
        .state('Profilo', {
            url: "/Profilo",
            templateUrl: "views/profilo.html",
            controller: "ProfileCtrl"
        })
        .state('Altro', {
            url: "/Altro",
            templateUrl: "views/altro.html",
            controller: "AltroCtrl"

        })
});

, и это мой простой модал, который открывается с помощью контроллера профиля 

<button type="button" class="btn btn-link" data-toggle="modal" data-target="#myModal">button</button>

<div class="modal fade" id=myModal" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Modal Header</h4>
            </div>
            <div class="modal-body">
                <p>Some text in the modal.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close
                </button>
            </div>
        </div>

    </div>
</div>

заранее спасибо

...