登录  /  注册
angular.js - angualr的json获取的问题。
ringa_lee
ringa_lee 2017-05-16 13:18:29
[AngularJS讨论组]

有多个a标签(a标签1,a标签2,a标签3),每个按钮对应不同的JSON数据(JSON1,JSON2,JSON3)。请问怎么设置我点击第一个a标签加载对应的JSON的数据呢?

用ng-repeat循环了多个a标签出来。

<a class="itemx" id="{{data.id}}" ng-repeat="data in toploops" ui-sref="{{data.sref}}" ng-click="topBanner($event,$index)">
        <p class="image"><img ng-src="{{data.image}}"/></p>
        <h4>{{data.title}}</h4>
        <p>{{data.dec}}</p>
</a>

然后跳转到问题目标页。也是用ng-repeat循环出来的。就想在上一个页面跳转到这里获取不同的json内容。

<p class="card" ng-repeat="data in test">        
    <p class="item item-text-wrap">
        {{data.title}}
    </p>
    <p class="item-image">
        <img ng-repeat="x in data.image" ng-src="{{x}}"/>    
    </p>
</p>

对应的JSON文件。

    "JSON0":[{
        "image":["img/001.jpg","img/002.jpg","img/026.jpg","img/014.jpg"],
        "title":"1234"
    }],
    "JSON1":[{
        "image":["img/019.jpg","img/013.jpg"],
        "title":"4567"
    }}],
    "JSON2":[{
        "image":["img/029.jpg","img/014.jpg"],
        "title":"78910"
    }]

获取JSON设置。

app.controller("content",function($scope,$http){
        $scope.$watch("viewContentLoaded",function(){
            $http({
            method:"GET",
            url:"./zt.json"
        }).then(function(response){
            //var test1 = response.data.zt.JSON0;
            //$scope.test = test1;
        
            $scope.topBanner = function($event,$index){
                var test1 = "response.data.zt.ztTopbanner"+$index;
                $scioe.test = test1;
        }
        })

一开始是想动态改获取JSON的路径的。谁知道报错了。。大概说是不允许动态修改还是怎么的吧?只能指定的值??我也不太懂。所以求解!新手卡在这里了!找了很久也找不到办法!
请大家指教下拉!麻烦了 !

ringa_lee
ringa_lee

ringa_lee

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

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