Hello World in angular.js

2015-02-03 2 views 1 likes

안녕하세요. angulars.js.에 Hello World 페이지를 만들려고합니다. Hello World 대신 {{helloMessage}}이 표시됩니다. 이해할 수 없었습니다. 문제는 어디에 있습니까?Hello World in angular.js

폴더에는 angular.min.js와 HelloWorld.html의 두 파일이 있습니다. HelloWorld.html에 다음 코드를 작성했습니다 :

<!doctype html> 
<html lang = "en" ng-app> 
<head> 
    <meta charset = "utf-8"> 
    <title> Hello World </title> 
</head> 

<body> 
    <h1 ng-controller = "HelloWorldCtrl">{{helloMessage}}</h1> 
    <script src = "angular.min.js"></script> 
    <script type = "text/javascript"> 
    function HelloWorldCtrl($scope){ 
     $scope.helloMessage = "Hello World"; 
    } 
    </script> 
</body> 
</html>

출처

2015-02-03 Muhammad Raza

귀하의 코드는 각도의 이전 버전에 기초 할 수있다. 이제 응답마다 컨트롤러를 다르게 선언해야합니다. –

@Muhammad Raza는 StackOverflow에 오신 것을 환영합니다. 문제를 해결하는 2 가지 대답을 얻었으므로 가장 잘 맞는 답을 받아 들여야합니다. 더 많은 것을 [여기에서보십시오] (http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work). –

답변

컨트롤러가 올바르게 설정되지 않았습니다. 각도 앱에 묶여 있어야합니다.

<html ng-app='myApp'>

는 다음과 같이 스크립트를 변경 : https://docs.angularjs.org/api/ng/directive/ngApp이

출처

2015-02-03 23:43:10

당신은 단순히 기능 HelloWorldCtrl을 만들 수 있지만 :

angular.module('myApp', []).controller('HelloWorldCtrl',  
    function($scope) { 
     $scope.helloMessage = "Hello World"; 
    } 
);

이 문서를 참조하십시오 먼저 앱의 이름을 지정해야 그것을 컨트롤러에 할당합니다. documentation을 확인하십시오.

이처럼 수행해야 작동 할 경우

var myApp = angular.module('myApp',[]); 

myApp.controller('HelloWorldCtrl', ['$scope', function($scope) { 
    $scope.greeting = "Hello World"; 
}]);

출처

2015-02-03 23:44:18

Hello World in angular.js

답변

관련 문제