Javascript 角度/大角度视图和布线_Javascript_Angularjs_Laravel

Javascript 角度/大角度视图和布线

javascript angularjs laravel

Javascript 角度/大角度视图和布线,javascript,angularjs,laravel,Javascript,Angularjs,Laravel,我正在开始一个新项目，使用Angular。我是新手，非常感谢您的帮助：我创建了一个新项目，并将这两行添加到我的routes.php文件中： Blade::setContentTags('<%', '%>'); Blade::setEscapedContentTags('<%%', '%%>'); 该视图中包含以下HTML： <!doctype html> <html ng-app="curveApp"> <head>

我正在开始一个新项目，使用Angular。我是新手，非常感谢您的帮助：

我创建了一个新项目，并将这两行添加到我的

routes.php

文件中：

Blade::setContentTags('<%', '%>');
Blade::setEscapedContentTags('<%%', '%%>');

该视图中包含以下HTML：

<!doctype html>
<html ng-app="curveApp">
    <head>
        <title>Curve</title>
        <link rel="stylesheet" type="text/css" href="{{ asset('assets/bootstrap/dist/css/bootstrap.css') }}">
        <script src="{{ asset('assets/jquery/dist/jquery.min.js') }}"></script>
        <script src="{{ asset('assets/bootstrap/dist/js/bootstrap.min.js') }}"></script>
        <script src="{{ asset('assets/angular/angular.min.js') }}"></script>
        <script src="{{ asset('js/app.js') }}"></script>
    </head>

    <body>

        @include('home')

    </body>
</html>

<div ng-view>
    <div class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle Navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="#" class="navbar-brand">Curve</a>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="/register">Sign Up</a></li>
                    <li><a href="/login">Sign In</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

在我的文档root/public中，我有一个包含控制器、服务和部分的js文件夹。然后我有两个文件app.js和config.js

App.js：

var curveApp = angular.module('curveApp', [
    'ngRoute',
    'curveControllers'
]);

Config.js

curveApp.config(['$routeProvider',
    function($routeProvider) {
        $routeProvider.
            when('/register', {
                templateUrl: 'partials/register.html',
                controller: 'RegisterCtrl'
            });
    }
]);

切换HTML视图时，如何根据配置文件使用project/public/js/partials中的HTML文件而不刷新页面？

我认为您的

href

属性应该是

href='.\register'

，而不是

href='/register'

确实不清楚您的问题所在。您是否忘记包含

ngRoute

文件？

curveApp.config(['$routeProvider',
    function($routeProvider) {
        $routeProvider.
            when('/register', {
                templateUrl: 'partials/register.html',
                controller: 'RegisterCtrl'
            });
    }
]);