javascript - angularJs点击循环出来的列表要编辑某一条如何获得其信息
高洛峰
高洛峰 2017-04-11 10:08:40
[JavaScript讨论组]

就是希望点击ng-repeat出来的每一条,可以对应弹出模态框编辑对应的那一条,并且比如说把哪些已有的字啊什么的直接默认放到输入框去

//循环数据


    {{x.id}}
    
        
    
    {{x.title}}
    {{x.create_at}}
    
        
    

// 获取分页数据,弹出模态框

var reGetProducts = function(){
    // 发送给后台的请求数据
    var postData = {
        page: $scope.paginationConf.currentPage,
        pageSize: $scope.paginationConf.itemsPerPage
    };

    $http.jsonp("http://api.ergengtv.com/normalvideo/list?page="+postData.page+"&pageSize="+postData.pageSize+"&callback=JSON_CALLBACK").success(function(data){
        // 变更分页的总数
        $scope.paginationConf.totalItems = data.data.count;
        // 变更产品条目
        $scope.videos = data.data.list;
        $scope.showModal = function () {
            var $modal = $('#edit-modal');
                $modal.modal();
        };
    });
};
// 通过$watch currentPage和itemperPage 当他们一变化的时候,重新获取数据条目
$scope.$watch('paginationConf.currentPage + paginationConf.itemsPerPage', reGetProducts);
//这是我写在页面上的模态框

编辑 ×

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(1)
伊谢尔伦

西红柿的方法很标准了,我就不写了。不太知道你这个modal是怎么回事,是第三方的东西么?其实这个modal完全可以自己写,然后就把$scope.modalData中的东西绑定上去就行了。这个modal不复杂,美工分分钟搞定。想复用就自己封装成组件,不复用就直接用ng-show来控制显示隐藏就ok了。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号