angularjs - 如何在 Ionic 自定义 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 Pop-up 时遇到的错误。

Answer 1

你有一个错字。在成功函数中。你得到“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();
                }