Question

我正在尝试使用通过require加载角度来显示项目列表。

我有两个文件

的index.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Test App</title>
    <script data-main="/Scripts/app/main" src="../Scripts/lib/require.js"></script>
</head>
<body ng-controller="AppCntrl">
    <ul>
        <li ng-repeat="phone in appCntrl.phones">
            {{phone.name}}
            <p>{{phone.snippet}}</p>
        </li>
    </ul>
</body>
</html>

和main.js

require.config({
    baseUrl: '/Scripts/',
    urlArgs: "bust=" + (new Date()).getTime(),
    paths: {
                 'angular': 'lib/angular/angular.min',
                 'angular-resource': 'lib/angular/angular-resource.min'
    },
    shim: {
                 'angular': { 'exports': 'angular' },
                 'angular-resource': { deps: ['angular'] }
    }
});

require(['angular', 'angular-resource'], function (angular) {
    var mainMod = angular.module('mainMod', ['ngResource']);
    mainMod.controller('AppCntrl'['$scope', function ($scope) {
        $scope.phones = [
          {
            'name': 'Nexus S',
            'snippet': 'Fast just got faster with Nexus S.'
          },
          {
            'name': 'Motorola XOOM™ with Wi-Fi',
            'snippet': 'The Next, Next Generation tablet.'
          },
          {
            'name': 'MOTOROLA XOOM™',
            'snippet': 'The Next, Next Generation tablet.'
          }
        ];
    }]);
    angular.bootstrap(document, ['mainMod']);
});

我没有收到任何控制台错误。只是一个空页

更新

我做了更新，现在得到错误[ng：areq]我认为这是进步

UPDATE2

我没有收到错误

Cannot call method '$$minErr' of undefined

更新3

Error: [ng:areq]

Answer 1

我不确定你为什么要求角度资源，似乎不需要。如果使用1.2.0，则需要Angular-route。而“appCntrl.phones”应该只是“手机”。

Plunker

如何使用角度与要求

1 个答案: