简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
angular.js - angular js 报错 [$injector:modulerr] 模块注入错误
阿神
阿神 2017-05-15 17:11:24
0
3
748

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-','']
})

错误

阿神
阿神

闭关修行中......

모든 응답(3)
为情所困
为情所困2017-05-15 17:13:24 3층

angular-route.js는 코드에 도입되지 않았습니다

좋다 +0
답글 추가
世界只因有你
世界只因有你2017-05-15 17:13:24 2층

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

위 튜토리얼을 보고 이렇게 적어보세요

으아악
좋다 +0
답글 추가
小葫芦
小葫芦2017-05-15 17:13:24 1층

앱 모듈을 찾을 수 없습니다. 무엇을 삽입할지 확인하세요

좋다 +0
답글 추가
인기 주제
더>
인기 기사
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！