【问题标题】:AngularJS: Error: Unknown providerAngularJS:错误:未知的提供者
【发布时间】: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


【解决方案1】:

所以,正如我所怀疑的,这是一个愚蠢的错误。 &lt;html&gt; 标签是:

<html ng-app>

&lt;body&gt; 标记处阻止正确的ng-app 属性。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-02-21
    • 1970-01-01
    • 2014-07-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-10-24
    相关资源
    最近更新 更多