我是新来的angularjs，请帮助我：

以下运行良好。它向我展示了页面上的HelloWorld，但是当控制器调用ng-view时，我保存在控制器中的消息不会显示。我想创建一个简单的angularjs项目，但ng-view不起作用

APP-config.js代码：

var abc=angular 
 
.module('videoManagement',['ngRoute']); 
 

 
abc 
 
.config(['$routeProvider', 
 
function($routeProvider){ 
 
\t $routeProvider 
 
\t .when('/video', 
 
\t { \t 
 
\t \t templateUrl:'video.html', 
 
\t \t controller: 'videoController' 
 
\t }).when('/category', { 
 
\t \t templateUrl:'category.html', 
 
\t \t controller: 'categoryController' 
 
\t }).otherwise({ 
 
\t \t redirectTo:'/video' 
 
\t }); 
 
}]); 
 

 
abc.controller('videoController', function($scope) { 
 
    
 
    $scope.message = 'This is Add new order screen'; 
 
     
 
}); 
 
abc.controller('categoryController', function($scope) { 
 
    
 
    $scope.message = 'This is Add new Ali '; 
 
     
 
});

我的index.html

<!DOCTYPE html> 
<html ng-app="videoManagement" > 
<head> 
<meta charset="ISO-8859-1 "> 
<title>Index</title> 
<link type="text/css" rel="stylesheet" 
    href="resources/css/bootstrap.min.css"/> 
</head> 
<body > 

<nav class="navbar navbar-default"> 
    <div class="container-fluid"> 
     <div class="navbar-header"> 
     <span class="navbar-brand">Video Management</span> 
     </div> 
     <div> 
     <ul class="nav navbar-nav"> 
      <li> <a href="#video">Video</a></li> 
      <li> <a href="#category">Category</a></li> 
     </ul> 
     </div> 
    </div> 
    </nav> 
    <div class="container-fluid"> 
<div>Hello World</div> 
<ng-view /> 
</div> 

<div class="footer"> Please Allah! Help Us All</div> 


<script> type="text/javascript" 
scr="resources/js/lib/angular.min.js"</script> 
<script> type="text/javascript" 
scr="resources/js/lib/angular-route.min.js"</script> 
<script> type="text/javascript" 
scr="resources/js/controller/app-config.js"</script> 
<script> type="text/javascript" 
scr="resources/js/service/video-service.js"</script> 
<script> type="text/javascript" 
scr="resources/js/controller/video-controller.js"</script> 
<script> type="text/javascript" 
scr="resources/js/controller/category-controller.js"</script> 
</body> 
</html>

来源

2015-10-18 Ali Asad

视频

{{消息}} –

视频

{{消息}} –

你不包括在正确的方式脚本，它应该看起来像这样： – Danijel

<ul class="nav navbar-nav"> 
 
      <li> <a href="#video">Video</a></li> 
 
      <li> <a href="#category">Category</a></li> 
 
     </ul>

与替换为以下

<ul class="nav navbar-nav"> 
      <li> <a href="#/video">Video</a></li> 
      <li> <a href="#/category">Category</a></li> 
     </ul>

来源

2015-10-18 19:42:02

它为我工作... :) –

我想创建一个简单的angularjs项目，但ng-view不起作用

视频

视频

回答

相关问题