13
라우팅을 추가 할 때까지 모든 것이 잘 작동했습니다. Angularjs 버전 1.2 이상에서는 의존성으로 'ngRoute'이 필요합니다 (버전 1.2.16 사용). 나는 그것을 추가했지만 여전히 작동하지 않는다. 내 코드는 다음과 같습니다.Angularjs routing not working
인 test.html (메인 페이지)
<html ng-app="demoApp">
<head>
<title></title>
</head>
<body>
<p>Front Page</p>
<div ng-view></div>
<script src="angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular-route.js"></script>
<script src="testjs.js"></script>
</body>
</html>
testjs.js
demoApp = angular.module('demoApp',['ngRoute']);
demoApp.config(function ($routeProvider) {
$routeProvider.when('/', {
controller: 'SimpleController',
templateUrl: '/partials/first.html'
});
});
var controllers = {};
controllers.SimpleController = function ($scope){
$scope.first = "Info";
$scope.customers=[
{name:'jerry',city:'chicago'},
{name:'tom',city:'houston'},
{name:'enslo',city:'taipei'}
];
};
demoApp.controller(controllers);
first.html 여기
<div>
<input type="text" ng-model="name"/>
</br>
{{first}}
</br>
<ul>
<li ng-repeat="cust in customers | filter:name">{{cust.name | uppercase}} - {{cust.city}}</li>
</ul>
</div>
내 작업 디렉토리의 그림에 대한 링크가 있습니다. http://postimg.org/image/979tsaecd/ – yellowbyte
이것이 올바른 구문인지 확인하십시오 : demoApp.controller (controllers)? 그것에 대한 참조를 찾을 수 없습니다. – Yoeri
예,이 튜토리얼에서 보았습니다 : https://www.youtube.com/watch?v=Uj-KLCTsQrw. – yellowbyte