如何在Ionic Custom POPUP上显示动态内容

时间:2015-06-26 13:51:17

标签: angularjs ionic-framework ionicpopup

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 Pop-up时出错的地方。

2 个答案:

答案 0 :(得分:0)

你有一个错字。在成功功能中。你得到“r”而你正在使用“res”。否则代码还会遗漏一件事。你在哪里

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

如果没有这个,弹出窗口就不会显示出来。我猜。

答案 1 :(得分:0)

试试这个......

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