angular 嵌套 ng-repeat 中的动态 属性 名称
angular dynamic property name in nested ng-repeat
我想知道有没有办法在嵌套的 ng-repeat 中添加动态生成的名称,例如:
<div ng-repeat="x in JSONfile">
<div ng-repeat="i in x.name">
<span><a ng-href="{{i.link}}">{{i.name}}</a></span>
</div>
</div>
JSON文件:return一些名字,
x.name 是从提到的 JSON 文件动态生成的,如果我添加 NAME 而不是 i.name,它应该像 "NAME" 一样用作纯文本我加载了 json 文件,但我希望它自动加载,因为我不知道哪个名称会先出现。
i.namereturn是这样的:
n
a
m
e
不应该 "NAME"..
所以,问题是,有没有什么方法可以告诉 angular 我希望这个动态生成的值在我输入时被查看?
PS。
x.name
加载一个 JSON 文件,其中包含有关某个人的一些信息。
如果我输入 ng-repeat="i in Tom"
,它会 return json,但是 x.name
它不起作用。
谢谢!
编辑(添加 json):
var brojVijesti = [ ];
$scope.JSONfile = brojVijesti;
// LNG Json
$http.get("/LEADERBOARDv2/jsons/LNG.php").then(function(response) {
var LNG = response.data.LNG;
$scope.LNG = LNG;
$scope.LNGbroj = LNG.length;
brojVijesti.push({"name":"LNG", "number":LNG.length});
});
// DT JSON
$http.get("/LEADERBOARDv2/jsons/DT.php").then(function (response) {
var DT = response.data.DT;
$scope.DT = DT;
$scope.DTbroj = DT.length;
brojVijesti.push({"name": "DT", "number": DT.length});
});
我相信你想要 i in x
而不是 i in x.name
Edit: 然后你可以使用 $parse 依赖,它将从 $scope.
中获取特定名称的变量
<div ng-repeat="x in JSONfile">
<div ng-repeat="i in x">
<span><a ng-href="{{i.link}}">{{getVariable(i.name)}}</a></span>
</div>
</div>
JS:
$scope.getVariable = function(variableName) {
//evaluate the variable name in scope's context.
return $parse(variableName)($scope);
}
我想知道有没有办法在嵌套的 ng-repeat 中添加动态生成的名称,例如:
<div ng-repeat="x in JSONfile">
<div ng-repeat="i in x.name">
<span><a ng-href="{{i.link}}">{{i.name}}</a></span>
</div>
</div>
JSON文件:return一些名字,
x.name 是从提到的 JSON 文件动态生成的,如果我添加 NAME 而不是 i.name,它应该像 "NAME" 一样用作纯文本我加载了 json 文件,但我希望它自动加载,因为我不知道哪个名称会先出现。
i.namereturn是这样的:
n
a
m
e
不应该 "NAME"..
所以,问题是,有没有什么方法可以告诉 angular 我希望这个动态生成的值在我输入时被查看?
PS。
x.name
加载一个 JSON 文件,其中包含有关某个人的一些信息。
如果我输入 ng-repeat="i in Tom"
,它会 return json,但是 x.name
它不起作用。
谢谢!
编辑(添加 json):
var brojVijesti = [ ];
$scope.JSONfile = brojVijesti;
// LNG Json
$http.get("/LEADERBOARDv2/jsons/LNG.php").then(function(response) {
var LNG = response.data.LNG;
$scope.LNG = LNG;
$scope.LNGbroj = LNG.length;
brojVijesti.push({"name":"LNG", "number":LNG.length});
});
// DT JSON
$http.get("/LEADERBOARDv2/jsons/DT.php").then(function (response) {
var DT = response.data.DT;
$scope.DT = DT;
$scope.DTbroj = DT.length;
brojVijesti.push({"name": "DT", "number": DT.length});
});
我相信你想要 i in x
而不是 i in x.name
Edit: 然后你可以使用 $parse 依赖,它将从 $scope.
中获取特定名称的变量<div ng-repeat="x in JSONfile">
<div ng-repeat="i in x">
<span><a ng-href="{{i.link}}">{{getVariable(i.name)}}</a></span>
</div>
</div>
JS:
$scope.getVariable = function(variableName) {
//evaluate the variable name in scope's context.
return $parse(variableName)($scope);
}