How to Show Dynamic Content on Ionic Custom POPUP

Question

http(req).success(function(r){
    var test = {};
    test.a = res.a;
    test.b = res.b;
    var array-list = res.z;
    var details = popup.show({
        template : '<div class="row"><div class="row">' +
        '<div class="col col-40"><span>{{test.a}}</span></div>' +
        '<div class="col col-40"><span>{{test.b}}</span></div>' +
        '</div></div><ul class="list"><li class="item" ng-repeat="list in array-list">{{list.a}}</li></ul></div>',
        title :'Some Text',
        scope:$scope,
        buttons:[{
            test:'Close',
            onTap:function(e){
                e.preventDefault();
                details.close();
            }
        }]
    });

Can any one correct me where i caught wrong in implementing Ionic Pop-up with custome template and with ajax response dynamic content.

what happens now, does it show, is the data wrong, does it fire? — Jess Patton, Jun 26 '15 at 14:10

score 0 · Answer 1 · answered Jun 26 '15 at 15:35

You have a typo. In Success function. You are getting "r" and you are using "res". Otherwise the code has one more thing missing. Where is your

details.then(function(result){
     //do something here with result
})

Without this the popup wont show up. I GUESS.

score 0 · Answer 2 · answered Aug 11 '16 at 11:40

try this...

var details = $ionicPopup.show({
            template : '<div class="row"><div class="row">' +
            '<div class="col col-40"><span>{{test.a}}</span></div>' +
            '<div class="col col-40"><span>{{test.b}}</span></div>' +
            '</div></div><ul class="list"><li class="item" ng-repeat="list in array-list">{{list.a}}</li></ul></div>',
            title :'Some Text',
            scope:$scope,
            buttons:[{
                test:'Close',
                onTap:function(e){
                    e.preventDefault();
                    details.close();
                }

How to Show Dynamic Content on Ionic Custom POPUP

2 Answers2