ngRoute не работает в угловом?

Вот главный индекс: У меня есть два .php файлы, которые необходимо рассматривать в шаблоне (нг-вид) mainFrame.phpngRoute не работает в угловом?

<!DOCTYPE html> 
    <html lang="en-US" ng-app="app"> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 
     <title>Document</title> 
     <link href="../css/materialize.min.css" rel="stylesheet"> 
     <link href="css/blogmain.css" rel="stylesheet"/> 
     <link href='https://fonts.googleapis.com/css?family=Roboto:400,500,700italic,900|Lato|Tangerine|Montserrat|Robot 
     o+Condensed:400,300italic,700italic' rel='stylesheet' type='text/css'> 
     <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 
    </head> 
    <body> 
    <div class="row"> 
     <div class="navbar-fixed"> 
      <nav style="height: 65px"> 
       <div class="nav-wrapper"> 
        <a href="#" class="brand-logo center" style="font-family:'Montserrat',serif;"> 
         Welcome To </a> 
        <ul id="slide-out" class="side-nav"> 
         <li class="waves-effect wifull"><a href="#/create" id="changeDiv">Create a 
           Post</a> 
         </li> 
         <li class="waves-effect wifull"><a href="#/posts" id="changeDiv1">View 
           Posts</a></li> 
        </ul> 
        <a href="#" data-activates="slide-out" class="button-collapse show-on-large show-on-medium-and-down"><i 
          class="mdi-navigation-menu"></i></a> 
       </div> 
      </nav> 
     </div> 
     <div ng-view></div> 
    </div> 
    <script src="../js/jquery-1.11.3.min.js"></script> 
    <script src="../js/angular_min.js"></script> 
    <script src="../js/angular_route.min.js"></script> 
    <script src="js/appRoute.js"></script> 
    <script src="../js/materialize.min.js"></script> 
    <script> 
     $(document).ready(function() { 
      $('select').material_select(); 
     }); 
     $('.button-collapse').sideNav({ 
       menuWidth: 300, 
       edge: 'left', 
       closeOnClick: true 
      } 
     ); 
    </script> 
    </body> 
    </html>

.js файл для маршрутизации..

appRoute.js

(function() { 
'use strict'; 
var app = angular.module('app', ['ngRoute']); 
app.config(function ($routeProvider) 
{ 
    $routeProvider 
     .when('/create', { 
      templateUrl: '../create/create.php', 
      controller: 'CreateController' 
     }) 
     .when('/posts', { 
       templateUrl: '../viewPost/view_post.php', 
       controller: 'ViewPostController' 
      } 
     ) 
     .otherwise({ 
      redirectTo: '/create' 
     }) 
}); 

app.controller('CreateController', function ($scope) { 
}); 

app.controller('ViewPostController', function ($scope) { 
}); 

}).();

я не знаю, в чем проблема, но ничего не показывается в нг-зрения. Спасибо.

источник

2016-01-01 Nikhil Verma

Какие ошибки у вас возникают? –

Нет ошибок, хотя я ничего не получаю внутри

. Пусто. –

Почему у вас есть ../ перед вашим путем? Работает ли «иначе»? –

Второй вариант кода :) Только поставил нормальный HTML-шаблоны

'use strict'; 
var app = angular.module('app', ['ngRoute']); 
app.config(['$locationProvider', '$routeProvider', 
function($location, $routeProvider) { 
    $routeProvider 
     .when('/create', { 
      templateUrl: '../create/create.php', 
      controller: 'CreateController' 
     }) 
     .when('/posts', { 
       templateUrl: '../viewPost/view_post.php', 
       controller: 'ViewPostController' 
      } 
     ) 
     .otherwise({ 
      redirectTo: '/create' 
     }) 
}]); 

app.controller('CreateController', function ($scope) { 
}); 

app.controller('ViewPostController', function ($scope) { 
});

источник

2016-01-01 10:04:27 Viktor

Ваша последняя строка в appRoute.js неверна.

}).();

Просто снимите. (точка)

})();

источник

2016-01-01 09:18:59 lent

Во-первых, это плохая идея использовать JQuery и Angular внутри одного приложения JS.

Во-вторых, что.(); в конце кода в appRoute.js?

В-третьих, у вас есть код с вызовом в appRoute.js (функция() {?

Так попробуйте этот код для appRoute.js

'use strict'; 
var app = angular.module('app', ['ngRoute']); 
app.config(function ($routeProvider) 
{ 
    $routeProvider 
     .when('/create', { 
      templateUrl: '../create/create.php', 
      controller: 'CreateController' 
     }) 
     .when('/posts', { 
       templateUrl: '../viewPost/view_post.php', 
       controller: 'ViewPostController' 
      } 
     ) 
     .otherwise({ 
      redirectTo: '/create' 
     }) 
}); 

app.controller('CreateController', function ($scope) { 
}); 

app.controller('ViewPostController', function ($scope) { 
});

источник

2016-01-01 09:39:39 Viktor

Теперь мой другой код работает, но все еще ничего внутри ng-view. –

Конечно, у вас ничего нет. Вы пытаетесь использовать ../create/create.php и ../viewPost/view_post.php Но вам нужен шаблон на стороне клиента, а не сервер! Это часть моей App app.config ([ '$ locationProvider', '$ routeProvider', функция ($ место, $ routeProvider) { $ routeProvider когда ('/ Войти', { templateUrl.: «обертоны/signin.html», контроллера:. «» UserCtrl }) – Viktor

Я попробовал его с нормальной HTML файлом (templateUrl) с некоторыми

но его показывая ничего –

ответ

Смежные вопросы