angular.js - angular js 报错 [$injector:modulerr] 模块注入错误
阿神
阿神 2017-05-15 17:11:24
0
3
789

html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>


    <script src="angularJs/angular.min.js"></script>
    <script src="angularJs/angular-route.min.js"></script>
    <script src="app.js"></script>
    <script src="controller.js"></script>
    <link rel="stylesheet" href="semantic.min.css">
    <link rel="stylesheet" href="index.css">
</head>

<body ng-app="myapp">

    <p class="container">
        <p class="head">
            <p class="home"></p>
            <p class="logo">
                <a href="#">
                    <img src="img/logo@2x.png"> </a>
            </p>
            <p class="user-info">
                <!--                <button class="ui inverted button" onclick="alert()"></button>-->
            </p>
        </p>
        <p class="ui secondary vertical pointing menu leftbar">
            <a class="active item" href="#/user">
                    User
                </a>
            <a class="item" href="#/comments">
                    Comments
                </a>
            <a class="item" href="#/onlineclasses">
                   Online Classes
                </a>
            <a class="item" href="#/preschedule">
                   PreSchedule
                </a>
            <a class="item" href="#/fireman">
                   Fireman
                </a>
            <a class="item" href="#/qiangke">
                   抢课列表
                </a>
        </p>
        <p class="content">
            <p class="content-head">
                <p class="ui secondary pointing menu">
                    <a class="active item" href="#/user">
                    Students
                    </a>
                    <a class="item">
                    Families
                    </a>
                </p>
            </p>
            <p ng-view></p>
        </p>
    </p>

</body>

</html>

app.js

var app = angular.module('myapp', ['ngRoute'])
app.config(['$routeProvider', function ($routeProvider) {
    $routeProvider.when('/user', {
        templateUrl: 'user.html',
        controller: 'user'
    })
    $routeProvider.when('/conmments', {
        template: '这是用户'
    })
    $routeProvider.when('/onlineclasses', {
        template: '这是其他'
    })
    $routeProvider.when('/preschedule', {
        template: '这是用户'
    })
    $routeProvider.when('/fireman', {
        template: '这是其他'
    })
    $routeProvider.when('/qiangke', {
        template: '这是用户'
    })
    $routeProvider.when({
        redirectTo: '/user'
    });
}])

user.html

<p class="container" ng-controller="user">
    <p class="searchbox">
        <select class="ui dropdown" ng-options="x for x in gender">
        </select>
        <select class="ui dropdown" ng-options="x for x in age">
        </select>
        <select class="ui dropdown" ng-options="x for x in province">
        </select>
    </p>
</p>

controller.js

app.controller('user', function ($scope) {
    $scope.gender = ['-gender-', 'female', 'male'];
    $scope.age = ['-age-', ' < 5 ', '6 ', '7 ', '8 ', ' > 8 '];
    $scope.province = ['-province-','']
})

错误

阿神
阿神

闭关修行中......

Antworte allen(3)
为情所困

代码里没有引入angular-route.js

世界只因有你

http://www.tuicool.com/articl...

看一下上面的教程吧,然后一般这么写

angular.module('myapp', ['ngRoute'])
.config([
    '$routeProvider',
    function ($routeProvider) {
        $routeProvider
            .when('/home', {
                templateUrl: 'home.html',
                controller: 'HomeController'
            })
            .otherwise('/home')
    }
])
小葫芦

app模块找不到,看看注入什么的

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage