AngularJS / ASP.Net MVC路由

Question

我有一个同时使用ASP.Net MVC和AngularJS的Web应用程序。 我在菜单正下方有一个区域，该区域在开始时似乎有一个imageslider，但是当我开始单击菜单项时，该区域消失了，并且可以访问子菜单和一些细节。 现在在我的_Layout页面中，我有：

<body>
    <div data-ng-app="frontoffice" id="page-wrapper" ng-controller="mainViewModel">
        <div id="header">
            <div id="menu">
                <ul>
                    <li><a class="active" ng-href="#/aboutus">Sobre Nós&emsp;&emsp;&emsp;|</a></li>
                    <li><a href="#/news">Dias Abertos&emsp;&emsp;&emsp;|</a></li>
                    <li><a href="#/contact">Equipamentos&emsp;&emsp;&emsp;|</a></li>
                    <li><a href="#about">Workshops&emsp;&emsp;&emsp;|</a></li>
                    <li><a href="#contact">Projetos&emsp;&emsp;&emsp;|</a></li>
                    <li><a href="#about">Parceiros&emsp;&emsp;&emsp;|</a></li>
                    <li><a href="#about">? F.A.Q.&emsp;&emsp;&emsp;|</a></li>
                    <li class="last"><a href="#about">S</a></li>
                </ul>
            </div>
            <div id="logo_news">
                <div id="logo-container">
                    <div>
                        <img id="img-cml" src="/images/logo_fablab.png" />
                    </div>
                    <div id="social-area">
                        <img id="inst-img" class="left-border" src="~/images/inst-blue.png" />
                        <img id="fb-img" src="~/images/fb-blue.png" />
                        <img id="tw-img" class="right-border" src="~/images/tw-blue.png" />
                        <img id="cml-img" src="~/images/cml-blue.png" />
                        <span class="stretch"></span>
                    </div>
                </div>
                <!--<div class="menu-area slideshow" id="news_area">-->
                <div ng-non-bindable>
                    <div id="menu-area">
                        <ng-view>

                        </ng-view>
                    </div>
                </div>

......
</body>

然后在我的路线上，我有：

angular.module('frontoffice').config(function ($routeProvider, $locationProvider) {

    $routeProvider.when('/', {
        templateUrl: '/App/Menu/View/ImageSlider.html'
    })
        .when('/aboutus', {
            templateUrl: '/App/Menu/View/menu.html',
            controller: 'indexViewModel'
        })
    .otherwise({
        controller: 'ErrorController'
    })
});

但是，如果我单击aboutus根本不做任何事情。 我在这里想念什么吗？

Answer 1

您必须在应用程序中注入依赖项“ ngRoute”。

var app = angular.module("frontoffice", ["ngRoute"]);
app.config(function ($routeProvider) {
$routeProvider
    .when('/', {
        templateUrl: '/App/Menu/View/ImageSlider.html'
    })
    .when('/about', {
        templateUrl: '/App/Menu/View/menu.html',
        controller: 'indexViewModel'
    })
    .otherwise({
        controller: 'ErrorController'
    })
})

AngularJS / ASP.Net MVC路由

问题描述

1 个解决方案

解决方案1
0 2017-01-23 07:21:56

AngularJS / ASP.Net MVC路由

问题描述

1 个解决方案

解决方案1 0 2017-01-23 07:21:56

解决方案1
0 2017-01-23 07:21:56