반응형
AngularJS 단순 "Hello, world" 작동 안 함
자습서를 따르려고 하면 "안녕, 세상" 예제가 작동하지 않습니다.대신 "{{greeting}"라고 표시됩니다.text}}, world".Chrome과 AngularJS 1.3.1 사용.
index.html:
<!DOCTYPE html>
<html ng-app>
<head>
<script src="angular.js"></script>
<script src="app.js"></script>
<!--<link rel="stylesheet" type="text/css" href="bootstrap.min.css" />-->
</head>
<body>
<div ng-controller='HelloController'>
<p>{{greeting.text}}, world </p>
</div>
</body>
</html>
app.js
function HelloController($scope) {
$scope.greeting = { text: 'Hello' };
}
내 폴더 구조
root/
angular.js
app.js
index.html
감사해요.
도움이 되었으면 좋겠습니다.
색인을 보다
<!DOCTYPE html>
<html ng-app="appname">
<head>
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.min.js"></script>
<link href="style.css" rel="stylesheet"/>
<script src="script.js"></script>
</head>
<body>
<div ng-controller="appCtrl">
<p>{{greeting.text}}, world </p>
</div>
</body>
</html>
script.js
var appname = angular.module('appname', []);
appname.controller('appCtrl', ['$scope',
function($scope) {
$scope.greeting = { text: 'Hello' };
}]);
http://plnkr.co/edit/XmliRcmsZvuQimHoyjN5?p=preview
무엇이 잘못되었는지, 그들이 무엇을 바꿨는지에 대한 질문에 답하는 것.
- AngularJs 버전 1.2 이상:컨트롤러는 모듈에 정의되지 않은 기능일 수 있습니다.질문처럼.
컨트롤러
function HelloController($scope) {
$scope.greeting = { text: 'Hello' };
}
- 각도 버전 1.3 이상:컨트롤러는 모듈로 정의되어야 합니다.답처럼.
컨트롤러
var appname = angular.module('appname', []);
appname.controller('appCtrl', ['$scope',
function($scope) {
$scope.greeting = { text: 'Hello' };
}]);
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="myCntrl">
Enter text:
<br />
<input type="text" ng-model="hellomodel" />
<br />
<br />
<h1>
{{hellomodel}}</h1>
<script language="javascript">
var myapp = angular.module("myApp", []);
myapp.controller("myCntrl", function ($scope) {
$scope.hellomodel = "Hello World!";
});
</script>
</div>
</body>
</html>
http://dotnetlearners.com/blogs/view/222/AngularJS-Hello-World.aspx
답변은 좋으나 Angular에서 어떻게 작동하는지에 대해 더 잘 알고 싶다면 도움이 될 만한 자료를 좀 더 제공해야겠다고 생각했습니다.
- Egghead.io - www.youtube.com/playlist?list=PLP6DbQBkn9ymGQh2qpk9ImLHdSH5T7yw7
- Angular www.codeschool.com/courses/shaping-up-with-angular-js 을 사용하여 모양 만들기
둘 다 완전히 무료 강좌이며 egghead.io 재생 목록은 별도의 개념을 위한 비디오로 분할되어 있기 때문에 매우 좋은 참고 자료이기도 합니다.
angular.js developer 가이드도 정말 도움이 됩니다!
언급URL : https://stackoverflow.com/questions/26760518/angularjs-simple-hello-world-not-working
반응형
'codememo' 카테고리의 다른 글
| 오버플로: 숨김 또는 오버플로: 스크롤 디브의 실제 .높이()를 얻으려면 어떻게 해야 합니까? (0) | 2023.09.25 |
|---|---|
| MySQL 비활성화 및 활성화 키 (0) | 2023.09.25 |
| C# 앱에서 엑셀에 사진을 삽입하는 방법? (0) | 2023.09.25 |
| GLib-CRITICAL **: Source ID XXX was not found when attempting to remove it (0) | 2023.09.25 |
| Jquery get input array 필드 (0) | 2023.09.25 |