代码之家 › 专栏 › 技术社区 › bafix2203

$compile在干净的URL AngularJS中加载tpload

routes angularjs

bafix2203 · 技术社区 · 8 年前

我有这样的错误 Error : [$compile] tpload 当我试图从这里获得干净的url时: https://scotch.io/tutorials/pretty-urls-in-angularjs-removing-the-hashtag

这是我的密码 JS公司:

.config(['$locationProvider', '$routeProvider',
            function($locationProvider, $routeProvider) {


                 $locationProvider.html5Mode(true);

                $routeProvider.when('/', {redirectTo: '/datatables'});
                $routeProvider.otherwise({redirectTo: '/page-404'});



                $routeProvider.when('/documentation/index', {
                    templateUrl: 'documentation/index.html'
                });



                $routeProvider.when('/datatables', {
                    templateUrl: 'datatables.html'
                });



                $routeProvider.otherwise({
                    redirectTo: '/datatables'
                });


                }



        ]);

HTML格式:

<!DOCTYPE html>
<html ng-app="cleanUI">
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Template</title>

  <!-- Angular Version Scripts -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular-route.min.js"></script>


 <base href="/">
</head>

你有什么想法吗? 谢谢提前回答!!!

1 回复 | 直到 8 年前

-1

Mahesh Sanjeewa 8 年前

你的js代码有一些问题。你必须这样纠正

.config(['$locationProvider', '$routeProvider',
        function($locationProvider, $routeProvider) {

            $routeProvider.when('/documentation/index', {
                templateUrl: 'documentation/index.html'
            }).when('/datatables', {
                templateUrl: 'datatables.html'
            }).when('/page-404', {
                templateUrl: 'page-404.html'
            });

            $routeProvider.otherwise('/page-404');

            $locationProvider.html5Mode(true);
        }
    ]);

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

4 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

4 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

4 年前

jieunbi · 按日期排序数组(最新优先)

4 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

4 年前

Stradosphere · 如何防止ng bind html添加结束标记?

8 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

8 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

8 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

8 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

8 年前