3
표시을 표시하려고 시도하는 동안 아무 것도 표시하지 않고 많은 시간을 낭비했지만 운이 좋으면 도움이 될 수 없습니다.앵귤러 JS 라우팅이 작동하지 않습니다
파일 ....
- 는 app.js
- controller.js
- index.html을
- show.html
index.html을
<html ng-app='Java4sApp'>
<head>
<title>Angular Js Tutorials _ Java4s</title>
<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript" src="app.js"></script>
<script type="text/javascript" src="controllers.js"></script>
</head>
<body>
<div ng-controller='Java4sController'>
Settings :
<a href="#add">Add Details</a> | <a href="#show">Show Details</a>
<div ng-view></div>
</div>
</body>
</html>
show.html
<html ng-app='Java4sApp'>
<head>
<title>Angular Js Tutorials _ Java4s</title>
<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript" src="app.js"></script>
<script type="text/javascript" src="controllers.js"></script>
</head>
<body>
<div ng-controller='Java4sController'>
<input type="text" ng-model="myModel" />
<ul>
<li ng-repeat='person in people | filter:myModel'>{{person.name}}</li>
</ul>
</div>
</body>
</html>
controller.js
app.config(['$routeProvider', function($routeProvider) {
$routeProvider.
when('/add', {
controller: 'Java4sController',
templateUrl: '/add.html'
}).
when('/show', {
controller: 'Java4sController',
templateUrl: '/show.html'
}).
otherwise({
redirectTo: '/index.html'
});
}]);
app.controller("Java4sController",function($scope){
$scope.people = [
{name: 'Siva', city: 'Cary'},
{name: 'Teja', city: 'Raleigh'},
{name: 'Reddy', city: 'Durham'},
{name: 'Venky', city: 'Denver'},
{name: 'Arun', city: 'Texas'}
];
});
는
var app = angular.module("Java4sApp",[]);
감사합니다 app.js.
당신이 당신의 콘솔에서 오류를받을 수 있나요 라우팅 AngularJS와를 보여주는 간단한 plunker입니까? – Tharaka
오류 없음 Thara ...! – Bharath
http://angulartutorial.blogspot.in/2014/02/how-to-start-with-angular.html – Prashobh