c# - Asp.Net MVC + Breeze + Angular 可以一起工作吗？

Question

我正在一个基于 Asp.Net MVC + Breeze + Angular 的新项目中工作。

我想为帐户使用预先创建的视图和 MVC 控制器（登录、注销、恢复密码等）。此外，我想使用 Breeze 和 Angular 添加迷你 SPA 页面。

可能吗？

Breeze 实现了它的路由配置文件，它覆盖了 mvc 应用程序的现有路由，所以我不能同时使用它们，要么使用微风路由，要么使用 mvc 路由。

Answer 1

所以让你开始。这是我创建的一个提示，用于帮助解决所有这些 Angular 脚本问题。

在您的页面中，您可以在底部的脚本中执行此操作，以将角度模块添加到您的页面：

@section Scripts {

    <script>
        angular.module('miniSpa', ['ngRoute']).config(['$routeProvider', function ($routeProvider) {
            $routeProvider.when('/#main', { controller: "spaController", templateUrl: '/Partials/Home/Main.html' });

            $routeProvider.otherwise({ redirectTo: '/#main' });
            }])
            .controller('spaController', ['$scope', spaController]);

        function spaController($scope) {
            $scope.hello = "Hello";
        }
    </script>
}

如果你只想要 Angular 进行数据绑定，我经常这样做：

<div ng-app="page">  
    <div ng-controller="pageController">
        <h1>{{ hello }}</h1>
    </div>
</div>

@section Scripts {
    <script>
         angular.module('page', [])
             .controller('pageController', ['$scope', pageController]);

         function pageController($scope) {
              $scope.hello = "hello";
         }
    </script>
}