AngularJS, UI-роутер и мод загрузки

0

есть некоторые проблемы с отображением модального окна при выборе опции

HTML

<!DOCTYPE html>
<html ng-app="myApp">
<body>
    <div ui-view></div>
</body>

</html>

контроллер приложения

angular.module('myApp', ['ui.router'])
.config(['$urlRouterProvider', '$stateProvider', function($urlRouterProvider, $stateProvider){
            $urlRouterProvider.otherwise('/');
            $stateProvider
            .state('home',{
                url: '/',
                templateUrl: 'contacts.html',
                controller: 'myCtrl'
        })
    }])

домашний контроллер

angular.module('myApp', [])
.controller('myCtrl', function($http, $scope) {
  $http.get('test.json').success(function (data) {
     $scope.selected = data;
  });
});

contacts.html

<select ng-model="selectedRegion" data-ng-options="location for location in selected.regions">
    <option value="">Region</option>
</select>
<select ng-model="selectedCountry" data-ng-options="place for place in selected.countries[selectedRegion]">
    <option value="">Country</option>
</select>
        {{selectedRegion}}

Как я могу сделать модальное окно, где я могу отобразить, например {{selectedRegion}} после выбора соответствующего региона или страны? Пожалуйста, помогите, я попытался ввести ['ui.bootstrap'], а кнопка ng-click на кнопке работает нормально. Но как это сделать с выбором? благодаря

здесь Plunk

  • 0
    Но в демо-модале нет доступных модалок, и демо-версия нарушается из-за того, что один и тот же модуль объявляется дважды Используйте ng-change для того, что вы просите
  • 0
    Да, извините за сломанный планк, пропустил его. И спасибо за помощь, я попытался сделать это с помощью директивы ng-click и обнаружил, что она должна применяться с директивой ng-change
Теги:
angular-ui-router
angular-ui-bootstrap

1 ответ

0
Лучший ответ

Есть некоторая работа, которую вы делаете, от плунжа, которую вы дали.

  • Замените angular.module('myApp', []) с angular.module('myApp') в home.js
  • Добавьте ng-change в список стран.
  • При изменении мы откроем модальный

Plunker

Добавлен ui.bootstrap в качестве зависимости от модуля, для модального

  • 0
    Спасибо большое, и извините за неработающий гадость, пропустил

Ещё вопросы

Сообщество Overcoder
Наверх
Меню