极客观点
项目管理
HarmonyOS
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">
<div class="container">
<div class="head">
<div class="home"></div>
<div class="logo">
<a href="#">
<img src="img/logo@2x.png"> </a>
</div>
<div class="user-info">
<!-- <button class="ui inverted button" onclick="alert()"></button>-->
</div>
</div>
<div 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>
</div>
<div class="content">
<div class="content-head">
<div class="ui secondary pointing menu">
<a class="active item" href="#/user">
Students
</a>
<a class="item">
Families
</a>
</div>
</div>
<div ng-view></div>
</div>
</div>
</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
<div class="container" ng-controller="user">
<div 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>
</div>
</div>controller.js
app.controller('user', function ($scope) {
$scope.gender = ['-gender-', 'female', 'male'];
$scope.age = ['-age-', ' < 5 ', '6 ', '7 ', '8 ', ' > 8 '];
$scope.province = ['-province-','']
})错误
代码里没有引入angular-route.js