gpt4 book ai didi

javascript - 带有简单数组的基本 ng-repeat

转载 作者:行者123 更新时间:2023-11-27 23:54:52 25 4
gpt4 key购买 nike

我一生都无法弄清楚为什么我的简单一维数组不会使用 ng-repeat 打印出来。我尝试了十几种不同的组合,以至于我失去了 this 关键字的含义。

http://jsfiddle.net/ts8yeynk/1/

<body ng-app="test">
<p>{{ "Hello" + ", world!" }}</p>
<p>{{ poop }}</p>
<p>6 + 4 = {{ 6 + 4 }}</p>
<div ng-controller="MainCtrl as m">
<div ng-repeat="x in m.linkList">x is: {{x}}</div>
<div ng-repeat="x in m.list1">x is: {{x}}</div>
<div ng-repeat="x in m.clown">x is: {{x}}</div>
<div ng-repeat="x in m.sinkList">x is {{x}}</div>
<div ng-repeat="x in m.fart">x is {{x}}</div>
<div ng-repeat="x in m.boom">x is {{x}}</div>
</div>
</body>

app.js

var app = angular.module('test', []);
var poop = "Hello, World!";
app.controller('MainCtrl', function($scope) {
var aList = this.list2;
var list1 = [1, 2, 3, 4];

$scope.boom = [1,2,3,4];


this.clown = list2;

fart = [1,2,3,4];

$scope.linkList = list2;
$scope.sinkList = [1, 2, 3,4];
});


var list1 = [1, 2, 3, 4];
var list2 = [that, there, and, overe, here];

老实说,我只是在尝试一切。我很难调试 Angular 。

在上帝的绿色地球上我做错了什么???

最佳答案

使用controller as语法 - 您在 Controller 中引用this,而不是$scope:

//In the controller
this.linkList = [1,2,3,4];

查看:

<p ng-repeat="x in linkList">{{x}}</p>

演示:http://jsfiddle.net/ts8yeynk/2/

如果您检查控制台,您可以看到出现的错误(that 未定义,等等)

关于javascript - 带有简单数组的基本 ng-repeat,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32362203/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com