ngRoute不適用於Angular？

這裏的主要指標：我有需要的模板（NG-視圖） mainFrame.phpngRoute不適用於Angular？

<!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路由文件中查看2個.php文件。

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) { 
}); 

}).();

我不知道有什麼問題，但沒有被NG-視圖被顯示。謝謝。

來源

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中的最後一行是錯誤的。

}).();

只要刪除。（dot）

})();

來源

2016-01-01 09:18:59 lent

首先，在一個JS應用程序中使用JQuery和Angular是個壞主意。

二，what。（）;在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.config（[ '$ locationProvider' 的一部分， '$ routeProvider'，功能（$位置，$ routeProvider）{$ routeProvider 時（ '/登錄'，{ templateUrl：「諧音/ signin.html」，控制器：「UserCtrl」 }） – Viktor

我用一個普通的HTML文件（templateUrl）與一些

但其深藏不露試過 –

ngRoute不適用於Angular？

回答

相關問題