Question

我是angularjs的新手，我有这种json数据

{
"City":[
{
    "name":"New York1",
    "alias":"NY1",
    "imgPath":"filePath/img1.jgp"
},
{
    "name":"New York2",
    "alias":"NY2",
    "imgPath":"filePath/img2.jgp"
},
{
    "name":"New York3",
    "alias":"NY3",
    "imgPath":"filePath/img3.jgp"
},
{
    "name":"New York4",
    "alias":"NY4",
    "imgPath":"filePath/img4.jgp"
}
]
}

我想动态添加＆＃39; name＆＃39;的标签，当我点击一个标签时，假设会有纽约1，纽约2，纽约3，纽约4 4个标签应显示其余数据（即别名，imgPath等）。

如果有人能帮助我，我将非常感激提前致谢

Answer 1

这是核心理念：

首先，您必须通过$ http获取标签的JSON数据，如：

//I put dummy path of your json file
    $http.get('../Resource/navs.json').success(function (data) {
        $scope.listNavs= data;
    });

之后，您只能使用ng-repeat列出 $ scope.listNavs 中保存的标签的元数据：

//I forgot to put the CSS class from Bootstrap
<ul class="nav nav-tabs" ng-repeat="navs in listNavs">      
            <li><a><img src="{{navs.imgPath}}"/>{{navs.name}}</a></li>
</ul>

我希望这个想法会对你有所帮助。

使用Json数据使用AngularJS动态填充选项卡

1 个答案: