0
나는 아주 간단한 응용 프로그램을 가지고 있습니다. 앱을 시작하면 각도 및 각도 경로가 모두로드되고 구성 기능이 실행되며 '기타'는 의도 한대로 작동합니다.각도 경로가 작동하지 않습니다. 오류가 발생하지 않습니다.
그러나 상자와 버전 모두 작동하지 않으며 HTML이 삽입되지 않습니다. 기본 페이지는 단지
<!-- ngView: -->
이라고 말합니다.
오류 메시지가 있습니다 !!! 콘솔은 사막처럼 비어 있습니다.
나는 모든 것을 시도했으나 제대로 작동하지만 그렇지는 않습니다. 나는 browserify 호출을 대체하고 html로 각도를 직접 포함하여 시도해 보았습니다. 성공하지 못했습니다.
HTML :
<!doctype html>
<html lang="en" ng-app="app">
<head>
<meta charset="utf-8">
<title>app</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="mainheader">
<div class="client-logo"></div>
<div class="logo"></div>
</header>
<nav class="mainmenu">
<ul>
<li class="active"><a href="#/boxes" id="boxes">Boxes</a></li>
<li><a href="#/versions" id="versions">Versions</a></li>
</ul>
</nav>
<div ng-view></div>
<footer></footer>
</body>
<script src="./js/bundle.js"></script>
</html>
내 JS :
'use strict';
require('angular/angular');
require('angular-route/angular-route');
var controllers = require('./controllers');
var app = angular.module('app', ['ngRoute']);
app.config(['$routeProvider',
function($routeProvider) {
$routeProvider
.when('/boxes', {
tamplate: 'views/boxes.html',
controller: 'boxController'
})
.when('/versions', {
tamplate: 'views/versions.html',
controller: 'versionsController'
})
.otherwise({
redirectTo: '/boxes'
});
}
]);
app.controller('boxController', controllers.boxController);
app.controller('versionsController', controllers.versionsController);
예보기 :
<h2>Boxes</h2>
<p>{{ message }}</p>
예 CONTROLER :
'use strict';
exports.boxController = function($scope) {
$scope.message = 'Box Controller';
console.log('boxes');
};
exports.versionsController = function($scope) {
$scope.message = 'Versions Controller';
console.log('versions');
};
혼란 스럽습니다. 어디에서 수출을 얻었습니까? – Dalorzo
batarang을 사용하고 있습니까? 또한 tamplate 무엇입니까? –