как заполнить данные области в модальной странице и как обрабатывать события щелчка в модальном окне в угловых js

0

Я могу открыть модальный, когда я нажимаю на метку get

как передать переменную "item" из myCtrl в modal

код для myModal.html

//below is the modal to show when we click on button in main page and display the item value in the modal-body
//when we click on the save changes how to invoke the method
<div class="modal " tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" ng-click="$hide()">×</button>
                <h4 class="modal-title ng-binding" ng-bind-html="title">Title</h4>
            </div>
            <div class="modal-body">
                {{item}}

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" ng-click="$hide()">Close</button>
                <button type="button" class="btn btn-primary" ng-click="modalClose()">Save changes</button>
            </div>
        </div>
    </div>
</div>

//code main html page

<div ng-app="test">
   <div ng-controller="myCtrl">
       <label ng-click="openModal()">GET</label>
   </div>
</div>

****//код в js ****

 var app = angular.module('test', []);
    app.controller('myCtrl',[ui.bootstrap], function($scope,$modal) {
        $scope.item= "welcome....";
        $scope.openModal= function(){
           var myModal = $modal({ title: 'My Title', template: 'modalEx.html', show: true });
                myModal.$promise.then(myModal.show);
        }

    });
  • 0
    Выберите правильный ответ, если это было полезно.
Теги:

1 ответ

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

Вам нужно добавить поле resolve и controller в модальную конфигурацию. Например:

  resolve: {
    items: function () {
      return $scope.items;
    }
  },
  controller: 'ModalInstanceCtrl'

и в вашем модульном контроллере:

  controller('ModalInstanceCtrl', function ($scope, $modalInstance, items)

У вас есть пункты items varible.

Ещё вопросы

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