"각도가 정의되지 않음"의 원인은 무엇입니까?
egghead.io의 비디오 튜토리얼을 따르고 있습니다만, 공장 설립 시의 예를 따르려고 하면(여기서 비디오 참조) "reference is not defined" Reference Error가 계속 표시되지만 각진 스크립트가 포함되어 있습니다.
다음은 저의 html 페이지입니다.
<!DOCTYPE html>
<html>
<head>
<title>Prototype</title>
<link rel="stylesheet" type="text/css" href="foundation.min.css">
<script type="text/javascript" src="main.js"></script>
</head>
<body>
<div data-ng-app="">
<div data-ng-controller="FirstController">
<input type="text" data-ng-model="data.message">
<h1>{{ data.message }}</h1>
</div>
<div data-ng-controller="SecondController">
<input type="text" data-ng-model="data.message">
<h1>{{ data.message }}</h1>
</div>
</div>
<script type="text/javascript" src="angular.min.js"></script>
</body>
</html>
이게 제 Javascript 파일 "main.discript"입니다.
//Services
// step 1 create an app
var myApp = angular.module('Data', []).
// tep 2 create factory
// Service name, function
myApp.factory('Data', function(){
return { message: "I'm Data from a Service" }
});
//Controllers
function FirstController($scope, Data){
$scope.data = Data;
}
function SecondController($scope){
}
비슷한 일이 발생한 게시물을 몇 개 읽었습니다(여기서). 틀렸다면 정정해 주세요.단, 부트스트래핑과 관련된 것으로 생각되며, 다음 방법을 사용하여 수동으로 부트스트래핑을 시도했습니다.angular.bootstrap(document, ['Data']);실패해도 같은 에러가 발생합니다.
하지만 내가 알고 싶은 것은, 왜 이것이 온라인상의 많은 예에 효과가 있는가 하는 것이다.예를 들어, 에그헤드 비디오 시리즈와 같이.그러나 나는 그의 비디오를 매우 가까이서 본 적이 있기 때문에 문제가 있다.최근 버전에서의 각도 변화인가요?
Angular를 참조하는 스크립트 태그 뒤에 스크립트 태그를 붙여야 합니다.밖으로 옮기다head:
<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript" src="main.js"></script>
현재 설정한 방법으로 스크립트는 Angular가 페이지에 로드되기 전에 실행됩니다.
angular js 스크립트 태그를 배치하지 않았습니다.
cdn을 사용하거나 프로젝트의 angularjs를 다운로드하여 참조하면 됩니다.
그 후, 케이스 메인에 독자적인 Java 스크립트를 추가할 필요가 있습니다.
그것으로 족하다
나도 Deke와 같은 문제가 있었다.가장 중요한 스크립트 angular.js :)를 포함하지 않았습니다.
<script type="text/javascript" src="bower_components/angular/angular.min.js"></script>
언급URL : https://stackoverflow.com/questions/18044519/what-is-the-cause-for-angular-is-not-defined
'source' 카테고리의 다른 글
| jQuery - Ajax 경유로 JSON을 PUT하는 방법 (0) | 2023.02.16 |
|---|---|
| AJAX를 사용하여 교차 도메인 끝점 로드 (0) | 2023.02.16 |
| WooCommerce 모든 제품을 카트에서 삭제하고 현재 제품을 카트에 추가합니다. (0) | 2023.02.12 |
| 각도에서의 스코프 문제각도 사용 JSUI 부트스트랩모달 (0) | 2023.02.12 |
| 이 단순한 문자열은 유효한 JSON으로 간주됩니까? (0) | 2023.02.12 |