2016-02-02 2 views
0

Я использую мобильный угловой интерфейс. В родительском окне есть список имен категорий. Я хочу, чтобы название выбранной категории должно обновляться с модального. Я могу отображать модальные. Я хочу передать выбранный элемент категории из родительского представления в модальный.Как передать значение модальному в Mobile Angular Ui modal?

Мой код в родительское представление

<div ng-controller="CategoryController as TitleCats"> 
<div ng-repeat="cats in TitleCats.categories"> 
<a href="" 
     ui-turn-on="titleCatUpdatemodal" 
     class="btn btn-default" ng-click="TitleCats.openUpdateModel(cats)"> {{cats.name}} --> Edit</a> 
</div> 
<div ui-content-for="modals"> 
<div ng-include="'pages/titleCatUpdatemodal.html'"></div> 
</div> 
</div> 

Мои модальное

<div class="modal" ui-if='titleCatUpdatemodal' ui-state='titleCatUpdatemodal'> 
<div class="modal-backdrop in"></div> 
<div class="modal-dialog"> 
    <div class="modal-content"> 
    <div class="modal-header"> 
    <button class="close" 
      ui-turn-off="titleCatUpdatemodal">&times;</button> 
    <h4 class="modal-title">Modal title</h4> 
    </div> 
    <div class="modal-body"> 

     <p><input type="text" ng-model="cats.name" >{{ cats.name }}</p> 
    </div> 
    <div class="modal-footer"> 
    <button ui-turn-off="titleCatUpdatemodal" class="btn btn-default">Close</button> 
    <button ui-turn-off="titleCatUpdatemodal" class="btn btn-primary">Save changes</button> 
    </div> 
</div> 
</div> 

Когда я нажимаю кнопку открывает модальное, но никакой ценности!

Кто-нибудь, пожалуйста, дайте мне знать, как получить значение в модальном. Заранее спасибо.

+0

Пожалуйста, также показывают сторону JavaScript вещей (например: контроллер , особенно призыв к созданию модального и модального контроллера). – GraehamF

ответ

0

В вашем контроллере. вы должны иметь что-то похожее на это:

var modalInstance = $uibModal.open({ 
     animation: $scope.animationsEnabled, 
     templateUrl: 'templates/myModal.html', 
     controller: 'myModalCtrl', 
     resolve: { 
      myData: function() { 
       //do stuff 
       return stuff; 
      } 
     } 
    }); 

Внутри этой решимости, вы можете заполнить функцию, которая должна затем быть доступны в контроллере модальности

+0

Спасибо за ваш ответ. Это решение работает в Угловом UI, но не в Mobile Angular UI. Наконец, я создал специальный modal service & directive. Он отлично работает для меня. –

Смежные вопросы