【发布时间】:2013-01-25 19:03:03
【问题描述】:
简单的事情 - 在 jsfiddle 中有效,但在我的文件中无效。我正在尝试将一些数据添加到模块的“工厂”,然后在我的控制器中使用它。 这是相关代码:
var challengesApp = angular.module('challengesApp', []);
challengesApp.factory('Challenges', function() {
var challenges = [
{
'program': {
"num": "1",
"name": "aaa"
},
'challengeDesc': "desss",
'items': [
{title:"aaa",
desc:"bbb",
link: "www.google.com",
fiction: true},
]
}
];
return challenges;
});
function ChallengeCtrl($scope, Challenges) {
$scope.challenges = Challenges;
etc...
}
function ChallengeListCtrl($scope, Challenges) {
$scope.challenges = Challenges;
etc..
}
和 HTML:
<body ng-app="challengesApp">
<div ng-controller="ChallengeCtrl">
<div id="question">
<h2>{{ challenge.challengeDesc }}</h2>
<ul>
<li ng-repeat="item in challenge.items">
<strong>{{ item.title }}</strong> - {{ item.desc }}
</li>
</ul>
</div>
</div>
<div ng-controller="ChallengeListCtrl">
<div id="programs_list">
<ul>
<li ng-repeat="program in challenges | orderBy:orderProp:reverse">
<a href="" ng-click="changeChallenge(program)">
{{ program.program.num }} - {{ program.program.name }}
</a>
</li>
</ul>
</div>
</div>
<script src="js/main.js"></script>
</body>
这里有什么我遗漏的吗?
【问题讨论】:
-
您是否会在您的目标应用程序中缩小文件?如果不是,也许您只是想念
ng-app='challengesApp'?没有看到实时代码很难说更多...... -
@pkozlowski.opensource 正如您从我的代码中看到的那样 - 就在正文标签中: 所以这不是问题。而且我没有缩小...
-
在这种情况下,很难提供更多帮助,因为您发布的代码在 plunker 中运行良好:plnkr.co/edit/RWJqbJ2EOu0FgCpqnxiz?p=preview 唯一可疑的是 JSON 数据末尾的附加逗号。你最终可以检查stackoverflow.com/q/12339272/1418796
标签: javascript angularjs