如何在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();
            }
        }]
    });

有人能纠正我在使用自定义模板和ajax响应动态内容实现Ionic弹出窗口时发现的错误吗。

Answer 1

您有一个打字错误。In Success函数。你得到的是"r"，而你使用的是"res"。否则，代码还缺少一个东西。你的在哪里

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

没有这个弹出窗口就不会出现。我想。

Answer 2

试试这个。。。

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();
                }