3
我是新來的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>
視頻
{{消息}} –視頻
{{消息}} –你不包括在正確的方式腳本,它應該看起來像這樣: – Danijel