2016-08-06 5 views
0

ここで私はコメントで私のアプリに詰まっています。私はアプリのfacebookを好きにしています。コメントボタンが特定の投稿に私を連れて行く場所は、ionicModalで表示されます。私はその投稿にコメントすることができます。私の問題は、私は私のモーダルを閉じて、更新されたデータを表示するために再度開く必要がある私は即座にそれを更新することはできませんその投稿にコメントすることができます。 はここ他の関数の関数のパラメータを更新する

フィードがNGリピートされている値を

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

モーダルコードは$がモーダル

に私にionicModalおよび更新コメントに私のポストを表示scope.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; 
     }; 

である私のコードです

<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私のコメントを追加しましたが、私の更新されたコメントを表示したいどのようなことができないのですか? ありがとうございます。

答えて

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をクリックすると直ちに更新したいと思います。私はそれをすることができませんが、私は私のモーダルを開いている間、機能を介して私のポストを送信beeenしている。フィールドのコメントはすぐに更新する必要があります – Shahrukh

+0

完全な例がなければ私はまだ理解しません。 [ionic playground](http://play.ionic.io)で問題を分離する例を作成できますか?保存をクリックしてURLを共有するだけです – Lightbeard

関連する問題