javascript权威指南(1)

最新推荐文章于 2025-09-12 14:04:02 发布

weixin_33744141

最新推荐文章于 2025-09-12 14:04:02 发布

阅读量47

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/thlzhf/p/3992288.html

本文详细介绍了如何在Angular中使用路由配置实现页面导航，并通过控制器实现特定功能，包括课程管理、学生信息获取等。

javascript常用知识点：

http://www.cnblogs.com/pingfan1990/p/4309223.html

Function.prototype.bind()
Function.prototype.call()
Function.prototype.apply()

call and apply call a function while bind creates a function. Though with call() you pass arguments individually and apply() as an argument array.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind

var app = angular.module("Demo", ["ngRoute"])
                .config(function ($routeProvider, $locationProvider) {
                    $routeProvider
                        .when("/home", {
                            templateUrl: "Templates/home.html",
                            controller: "homeController"
                        })
                        .when("/courses", {
                            templateUrl: "Templates/courses.html",
                            controller: "coursesController"
                        })
                        .when("/students", {
                            templateUrl: "Templates/students.html",
                            controller: "studentsController"
                        })
                        .otherwise({
                            redirectTo: "/home"
                        });
                     $locationProvider.html5Mode(true);
                })
                .constroller("homeController", function ($scope) {
                    $scope.messsage = "Home Page";
                })
                .constroller("coursesController", function ($scope) {
                    $scope.courses = ["C#", "VB.NET"];
                })
                .constroller("studentsController", function ($scope, $http) {
                    $http.get("StudentService.asmx/GetAllStudents")
                        .then(function (response) {
                            $scope.students = response.data;
                        });
                });