есть некоторые проблемы с отображением модального окна при выборе опции
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
Есть некоторая работа, которую вы делаете, от плунжа, которую вы дали.
angular.module('myApp', [])
с angular.module('myApp')
в home.jsng-change
в список стран. Добавлен ui.bootstrap
в качестве зависимости от модуля, для модального
ng-change
для того, что вы просите