gpt4 book ai didi

angularjs - Angular ng-repeat 不起作用

转载 作者:行者123 更新时间:2023-12-03 06:56:23 25 4
gpt4 key购买 nike

我想运行一个小示例,但它不起作用。html。

<body ng-app="angello">
<div ng-contoller="mainController">
<div class="span4 sidebar-content">
<h2> stories </h2>
<div ng-repeat="story in stories">
<h4> {{ story.title }} </h4>
<p> {{ story.description }} </p>
</div>
</div>
</div>

脚本代码是:

angular.module('angello',[])
.controller('mainController', function( $scope ) {
$scope.stories = [
{title:'Story 00', description:'Description pending.'},
{title:'Story 01', description:'Description pending.'},
{title:'Story 02', description:'Description pending.'},
{title:'Story 03', description:'Description pending.'},
{title:'Story 04', description:'Description pending.'},
{title:'Story 05', description:'Description pending.'}];
});

预计故事会被列出,但只有{{ 故事.标题 }}{{ 故事.描述 }}标签。问题是什么?为什么没有列出这些故事?

fiddle : http://jsfiddle.net/tire0011/gU7Qx/

最佳答案

在 HTML 中,您拼写错误 ng-controller 。您缺少 r 。当然,也关闭body标签。

修复您的 ng-controller 后,为了让你的代码在 jsFiddle 中工作,你还必须更改 onLoadFrameworks & ExtensionsNo-wrap - in <head>正如@zeroFlagL 提到的。

关于angularjs - Angular ng-repeat 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21074124/

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