2016-08-06 4 views
0

здесь я застрял в своем приложении с комментариями. Я делаю приложение facebook как. где кнопка комментария принимает меня к определенному сообщению, просматривается на ionicModal. и я могу прокомментировать этот пост. Моя проблема заключается в том, что я могу прокомментировать этот пост, я не могу его мгновенно обновить, когда мне нужно закрыть мой модальный и снова открыть для просмотра обновленные данные. Вот мой кодпараметры функции обновления для некоторой другой функции

подача нг-повтор значение

<div ng-click="commentModalOpen(feed)"> 

код модальный является

$ionicModal.fromTemplateUrl('templates/comment.html', { 
     scope: $scope, 
     animation: 'slide-in-up' 
     }).then(function(modal) { 
      $scope.commentModal = modal; 
     }); 
     $scope.commentModalOpen = function(feed) { 
      $scope.commentModal.show(); 
      $scope.feed = feed; 
     }; 

где $ scope.feed показать мне мою почту на ionicModal и обновления комментариев по модальной

<textarea ng-model="obj.postcomment" id="postcomment" placeholder="Your Comment" autofocus="true"></textarea> 
    <div ng-click='btn_add(feed.PostId,obj);' >Post Comment</div> 

btn_add добавить мои комментарии хотя хочу показать мой обновленный комментарий o n ionicModal it self, который им не удалось предлагает некоторое решение Заранее благодарен

ответ

0

Надеюсь, следующий пример очистит ситуацию. Я рекомендую испытывать его на play.ionic.io

HTML

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
    <link href="https://code.ionicframework.com/1.0.0/css/ionic.min.css" rel="stylesheet"> 
    <script src="https://code.ionicframework.com/1.0.0/js/ionic.bundle.js"></script> 
    </head> 
    <body ng-app="app"> 
    <ion-pane> 
     <ion-header-bar class="bar-stable"> 
     <h1 class="title">Awesome App</h1> 
     </ion-header-bar> 
     <ion-content class="padding" ng-controller="MainCtr"> 
     <button class="button button-assertive" ng-click="openModal()">I'm a button</button> 
     </ion-content> 
    </ion-pane> 

    <script id="my-modal.html" type="text/ng-template"> 
    <ion-modal-view> 
    <ion-header-bar> 
     <h1 class="title">My Modal title</h1> 
    </ion-header-bar> 
    <ion-content> 
     <div ng-repeat="obj in feed"> 
     <div>{{obj.text}}</div> 
     <div> 
      <textarea ng-model="obj.postcomment" id="postcomment" placeholder="Your Comment" autofocus="true"></textarea> 
      <button ng-click="obj.text = obj.postcomment">post</button> 
     </div> 
     </div> 
    </ion-content> 
    </ion-modal-view> 
</script> 
    </body> 
</html> 

JS

angular.module('app', ['ionic']).controller('MainCtr', function($scope, $ionicModal) { 

    $scope.feed = [ 
     {text:'fb is dumb ~la', postcomment:''}, 
     {text:'no it\'s not lol', postcomment:''}]; 

    $ionicModal.fromTemplateUrl('my-modal.html', { 
    scope: $scope, 
    animation: 'slide-in-up' 
    }).then(function(modal) { 
    $scope.modal = modal; 
    }); 

    $scope.openModal = function() { 
    $scope.modal.show(); 
    }; 

}); 
+0

я думаю, что вы пропустите поняли мой запрос. Я хочу опубликовать свои комментарии на ionModal и мгновенно обновить его, когда я нажму btn-add() fn. хотя я не могу этого, потому что я отправил свой пост через функцию, поэтому, открывая свой модальный. где комментарий полей должен обновляться мгновенно – Shahrukh

+0

Я до сих пор не понимаю без полного примера. Можете ли вы создать пример, изолирующий проблему на [ионной игровой площадке] (http://play.ionic.io)? Просто нажмите «Сохранить» и разделите URL-адрес – Lightbeard