Question

我正在开发一个基于Asp.Net MVC + Breeze + Angular的新项目。

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

有可能吗？

Breeze实现了其路由配置文件，该文件覆盖了mvc app的现有路由，因此我不能同时使用它们使用breeze routing ot mvc routing。

Answer 1

所以，让你开始。这是我创建的Tip，用于帮助解决所有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>
}

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

1 个答案: