如何使用angularjs创建一个单页面的web应用程序

最新推荐文章于 2022-06-08 18:16:24 发布

qq_31629213

最新推荐文章于 2022-06-08 18:16:24 发布

阅读量3.7k

点赞数 1

文章标签： .net angularjs vs 单页面

本文链接：https://blog.youkuaiyun.com/qq_31629213/article/details/79422084

版权

1.创建一个空的web应用程序。

2.通过nuget导入angularjs。

3.建立一个新的html页。

4.写入以下内容，注意引入angularjs.min.js，ng-app,ng-view的使用。

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
    <script src="scripts/angular.min.js"></script>
</head>
<body ng-app="app">
<div ng-view>
    我的页面
</div>
</body>
</html>

5.新建一个js文件，写入以下内容。

'use strict';
var app = angular.module('app', ['ngRoute', 'ui.bootstrap', "ipCookie"]);

app.config(['$routeProvider', '$httpProvider',
    function ($routeProvider) {
        setRoute($routeProvider);
    }]);

app.run(['$rootScope', "ipCookie", "$http", "$location", function ($rootScope, ipCookie, $http, $location) {

}]);

function setRoute($routeProvider) {

}

6.运行程序。