로컬 서버의 AngularJS

AngularJS를 사용하는 매우 간단한 웹 응용 프로그램을 시도하고 있습니다.이 파일은 here입니다. 그것을 실행하기 위해 나는 node.js를 설치하고 명령 프롬프트 (Windows 10)에 "npm install -g http-server"를 실행하고 폴더로 이동 한 다음 "http-server -o"를 실행했습니다. Chrome 창이 열리고 모든 것이 잘 보였습니다. 컨트롤러가 정상적으로 작동하는 것으로 보입니다. 현재는 index.html에있는 변수로만 단어를 반환합니다. 모든 것이 제대로 작동하는지 확인하고 싶었 기 때문에 "Hello!"라는 단어가 포함 된 태그를 추가했습니다. index.html로 이동하고 컨트롤러 리턴 단어를 "success"에서 "done"으로 변경했습니다. 웹 사이트 페이지를 새로 고침하고 "Hello!"라는 메시지를 본 것에 놀랐습니다. 및 "성공"하지만 "안녕하세요!" 및 "완료". 로컬 서버를 닫고 다시 실행했지만 컨트롤러에서 오는 결과는 여전히 동일했습니다. 누군가 이런 일이 일어나는 이유와 컨트롤러에서 새로운 결과를 얻으려면 어떻게해야합니까?로컬 서버의 AngularJS

된 index.html은 다음과 같습니다

<!DOCTYPE html> 
<html> 
<head> 
<title>EventsApp</title> 

<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet"> 
<link rel="stylesheet" type="text/css" href="css/main.css"> 
<link href='https://fonts.googleapis.com/css?family=Roboto:300,400,700' rel='stylesheet' type='text/css'> 

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.3/angular.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.3/angular-route.min.js"></script> 
</head> 


<body ng-app="EventsApp" ng-controller="HomeController" > 
    <header class="container"> 
    <div class="row"> 
     <h1 class="col-sm-8">EventsApp</h1> 
    </div> 
    </header> 

<section class="jumbotron"> 
</section> 


<h1> {{test}} </h1> 
<div ng-view></div> 


<!-- Modules --> 
<script type="text/javascript" src="js/app.js"></script> 

<!-- Controllers --> 
<script type="text/javascript" src="js/controllers/HomeController.js"></script> 

<!-- Services --> 

</body> 
</html>

HomeController.js은 다음과 같습니다

app.controller('HomeController', ['$scope', 
function($scope) { 
    $scope.test="done"; 
}]);

app.js는 다음과 같습니다

var app = angular.module("EventsApp", []);

출처

2017-03-22 L Giriunas

여기에 코드를 게시하십시오. –

에 [mcve]가 있습니다. –

나는 GitHub에 대한 링크가 모든 것을보기에 더 좋을 것이라는 점을 알았지 만, 당신이 묻는대로 코드를 추가하고있다. –

이 대부분의 아마 Node.js를 문제가되지 않습니다 . 귀하의 HTML 또는 JS는 아마도 브라우저에 캐시 된 상태이며 이전 코드가 계속 표시됩니다.

크롬 (F12 포함)을 열고 3 개의 수직 점을 클릭하고 "설정"을 선택하십시오.

그런 다음 설정에서 - 옵션 "개발 도구가 열려있는 동안 비활성화 캐시"> 네트워크는 수 있습니다.

은 다음 페이지를 새로 고침 F5 충돌이 당신을 위해 최신 JS 파일을 가져해야하고 그 후 "완료"를 참조한다.

출처

2017-03-23 00:13:25 pootzko

그것이 효과가있다! 아주 간단합니다. 감사 –

로컬 서버의 AngularJS

답변

관련 문제