2014-11-07 3 views
0

Я работаю над новым проектом, основанным на Asp.Net MVC + Breeze + Angular.Возможно ли Asp.Net MVC + Breeze + Angular работать вместе?

Я хотел использовать предварительно созданные виды и контроллеры MVC для учетной записи (логин, выход из системы, восстановление пароля и т. Д.) Кроме того, я хочу добавить мини-страницы SPA с помощью Breeze и Angular.

Возможно ли это?

Breeze реализует свой файл конфигурации маршрута, который переопределяет существующий маршрут приложения mvc, поэтому я не могу использовать оба из них, либо использую маршрутную маршрутизацию, либо маршрутизацию mvc.

+0

Вы можете использовать все маршруты, используемые вместе. Просто беспорядок. Я склонен использовать Angular на моих сайтах MVC, чтобы дать мне мини-SPA. Он отлично работает! Зачем вам нужно использовать Breeze и Angular? –

+0

Я начинаю с Breeze, я мало что знаю об этом, но кажется, что это хороший «клей» между Asp.Net и угловыми проектами, благодаря чему обеспечивается богатое управление данными для клиентов Javascript (клиентский LINQ, кеш и т. Д.), –

+0

Да, кажется, хорошая библиотека, я ее раньше не использовал. Вы можете определенно иметь маршрутизацию с угловым и mvc. Они происходят в местах, MVC имеет дело с маршрутизации на стороне сервера, а Angular - с маршрутизацией на стороне клиента. –

ответ

0

Итак, чтобы вы начали. Вот Tip Я создал, чтобы помочь со всеми этими проблемами с угловым сценарием.

В вашей странице вы можете сделать это в сценарии в нижней части, чтобы добавить угловой модуль к странице:

@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> 
} 

Если вы просто хотите Угловое для связывания данных, которые я довольно часто:

<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> 
}