Я ищу для создания приложения с поддержкой состояния, которое использует общий модальный для нескольких модулей. При нажатии элементов в меню, модальное окно должно открыться, а затем я надеюсь заполнить модальные динамические данные на основе нажатой кнопки.Повторное использование одного модального для отображения динамического содержимого для нескольких модулей в angualr js
Так, например, если нажать на ссылку «Пользователи» Я хотел бы модальное всплывал, а затем с помощью углового, я хочу, чтобы заполнить модальный со всеми пользователями
Я играл вокруг, но гаванью» t удалось получить очень далеко от него.
Вот тело моего HTML:
<body ng-app="myApp">
<div class="collapse navbar-collapse navbar-center" id="js-navbar-collapse">
<ul class="nav navbar-nav">
<li class="active">
<a href="#/users" data-toggle="modal" data-target="#Modal">
<div class="users_icon"> </div>
<br>
<p>Users</p>
</a>
</li>
<li>
<a ng-href="#/settings" data-toggle="modal" data-target="#Modal">
<div class="settings_icon"> </div>
<br>
<p>Settings</p>
</a>
</li>
</ul>
</div>
<div class="modal fade" id="Modal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel">
<div class="modal-dialog" role="document">
<form class="form-horizontal" role="form">
<div class="modal-content" ui-view="modal" autoscroll="false">
</div>
</form>
</div>
</div>
</body>
и мои JS до сих пор:
'use strict';
angular
.module('myApp', [
'ui.router',
'js-data'
])
.config(function ($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/calendar');
$stateProvider
.state("Modal", {
views:{
"modal": {
templateUrl: "views/modal.html"
}
},
abstract: true
})
.state("Modal.addtask", {
views:{
"modal": {
templateUrl: "views/modals/addtask.html"
}
}
});
})
Я хотел бы иметь возможность выбрать элемент в меню, используйте обычный загрузчик javascript, чтобы открыть модальный диалог, а затем модальный, который будет заполнен угловыми динамическими данными относительно выбранного пункта меню. Я не могу использовать угловые ui, поскольку я использую SCSS для стилизации, и он поддерживает только LESS. Любая помощь будет очень оценена.
На данный момент модальный всплывает, но тогда я не могу получить данные для заполнения в модальном
Есть конкретный вопрос, на который вы хотели бы ответить? – SamHuckaby