在javaScript对象中循环';带角度传感器的s阵列
因此,我对编写任何类型的代码都是全新的,我正在尝试使用AngularJS构建一个简单的网站,而我在通过指令模板循环控制器的对象数组时遇到了问题。我的目标是将每个数组字符串输出到模板中单独的列表项元素中, 例如,在我的控制器中在javaScript对象中循环';带角度传感器的s阵列,javascript,arrays,angularjs,Javascript,Arrays,Angularjs,因此,我对编写任何类型的代码都是全新的,我正在尝试使用AngularJS构建一个简单的网站,而我在通过指令模板循环控制器的对象数组时遇到了问题。我的目标是将每个数组字符串输出到模板中单独的列表项元素中, 例如,在我的控制器中 $scope.items = [ { list: ["1", "2", "3"], name: "whatever" }, { list: ["4", "5", "6", "7", "8"], name
$scope.items = [
{
list: ["1", "2", "3"],
name: "whatever"
},
{
list: ["4", "5", "6", "7", "8"],
name: "whatever2"
}]
在指令模板中,我写了如下内容
<h1>{{ directive.name }}</h1>
<ul id= "items"></ul>
<script>
for (var i = 0; i < directive.list[].length; i++) {
document.getElementById("items").innerHTML =
"<li>{{" + directive.list[i] + "}}</li>";
};
</script>
{{directive.name}
对于(var i=0;i{{directive.list[i]+“}}”;
};
name对象使用模板在index.html
中正确检索,但list对象不会输出数组,我尽了最大努力,尝试进行故障排除以使其正确,但我似乎无法找到它,需要帮助:(希望我说得够清楚,这是我第一次尝试创造任何东西,并且仍然试图熟悉所有的行话。这里有一个镜头:
<div ng-repeat="i in items">
<h1>{{ i.name }}</h1>
<ul>
<li ng-repeat="item in i.list">{{i}} </li>
</ul>
</div>
{{i.name}
- {{i}
描述如下:
基本上,您希望循环遍历数组中的所有项,这很简单——用以下内容替换您的
:
<ul>
<li ng-repeat="item in items">{{ item.name }}
<ul id="items">
<li ng-repeat="list_item in item.list">{{ list_item }}</li>
</ul>
</li>
</ul>
- {{item.name}
- {{{list\u item}
我想你需要重复两次……谢谢,只是我已经编写了一个单独的指令文件,并将其链接到一个模板来编写HTML标记,这样我就可以将对象从控制器移动到JSON文件中,并在完成后在线上传。尝试尝试不同的东西,可能会超越我自己