2015-09-15 3 views
0

Я только что начал angularjs и натолкнулся на концепцию маршрутизации. Я делаю демоверсию, но ее не работает. Я не знаю, что я делаю неправильно, пожалуйста, помогите мне. Я делаю это в MVC ASP.NETAngularjs routing не работает

Webapplicatoin3.js

var app = angular.module('WebApplication3', ['ngRoute']); 
 

 
app.controller('CreateUser1Controller', function ($scope) { 
 
    $scope.models = { 
 
     helloAngular: 'I workssss!' 
 
    }; 
 
}); 
 

 
app.config(['$routeProvider', function ($routeProvider) { 
 

 
    $routeProvider. 
 
     when('/', { 
 
      templateUrl: 'New/CreateUser1' 
 
     }); 
 
     
 
}]);
где в templateUrl "Новый" это имя контроллера и "CreateUser1" это действие metohd

Home.cshtml

<body ng-app="WebApplication3" ng-controller="CreateUser1Controller"> 
 
    <div ng-view></div> 
 
    <input type="text" ng-model="models.helloAngular" />{{models.helloAngular}} 
 
     
 
     <script src="~/Scripts/angular.min.js"></script> 
 
     <script src="~/Scripts/angular-route.min.js"></script> 
 
     <script src="~/Scripts/WebApplication3.js"></script> 
 
    
 
</body>
CreateUser1.cshtml не рендеринга в сНу нг ракурса.

CreateUser1.cshtml

<h2>CreateUser1</h2> 
 

 
<input type="text" ng-model="models.helloAngular" /> 
 
<h1>{{models.helloAngular}}</h1>

+0

вам нужно добавить '@ {Layout = NULL;}' в 'CreateUser1.cshtml' дополнительно вам нужно ввести' #/'в * * ИЛИ ** писать иначе правило в '$ routeProvider.otherwise' –

+0

« Это не работает »недостаточно для описания проблемы. Вы получаете какие-либо ошибки в консоли? Также «где в templateUrl« Новый »- это имя контроллера, а« CreateUser1 »- это действие« metohd »не имеет никакого смысла. 'TemplateUrl' принимает _URL_ не имена контроллеров. –

+0

@ Урсус, он прав. Действие контролера вернет представление. –

ответ

0

Проблема заключается в WebApplication.js файл в templateUrl добавить "/" перед Новым

обновление этого

$routeProvider. 
 
     when('/', { 
 
      templateUrl: 'New/CreateUser1' 
 
     });

Для этого

$routeProvider. 
 
     when('/', { 
 
      templateUrl: '/New/CreateUser1' 
 
     });