AngularJS 컨트롤러 함수가 실행되지 않습니다.

안녕하세요 여기 내 각도의 js 코드입니다. 나는 각성 발달에있어서 완전한 초심자이다. 나는 모든 것이 작동 ng-controller 지시문을 추가하지 않으면AngularJS 컨트롤러 함수가 실행되지 않습니다.

<div ng-app=""> 
    <input type="text" ng-model="firstname"> 
    <input type="text" ng-model="lastname"> 
    <p>Firstname : <span ng-bind="firstname"></span> 

    </p> 
    <p>Lastname :<span ng-bind="lastname"></span> 

    </p> 
    <p>Full name :<span>{{firstname +" "+lastname}}</span> 

    </p> 
</div>

당신은 바이올린 here

을 찾을 수 있습니다. 그러나 지시문을 추가 할 때 모든 것이 작동을 멈추고 컨트롤러 기능이 실행되지 않습니다.

는 사실 내가 this

출처

2014-10-13 Aneesh Mohan

가능한 중복 http://stackoverflow.com/questions/5431351/simple-example- – JJJ

근본적인 원인은 같을 수 있습니다. 그러나 그것은 뭔가 새로운 것을 배우는 사람의 마음에 먼저 오는 것이 아닙니다. 그것은 미래에 누군가에게 유용 할 수 있습니다. 중복을 말할 수 없다 – Zach

@ Sachu 질문이 중복으로 표시 되더라도 그것이 삭제된다는 것을 의미하지는 않습니다. 미래의 누군가가 "근본 원인"에 대한 링크를 따라갈 수 있다면 더 유용 할 것입니다. – JJJ

JSFiddle에 비슷한 시도하고 기본 설정을 "onLoad"와 코드 랩 드롭 다운이 있습니다.

onLoad : 그것은에 onLoad 창에서 실행할 수 있도록 코드를 포장

드롭 다운 4 개 옵션이 있습니다.
eventonDomReady : onDomReady 창 이벤트에서 실행되도록 코드를 래핑하십시오.
no wrap - in <head> : JavaScript 코드는 섹션으로 묶지 마십시오.
no wrap - in <body> : JavaScript 코드를 래핑하지 말고 섹션에 입력하십시오.

Here's 설명서.

Here's 내가 변경 한 후 작업 코드 onloadno wrap - in <body>에

[JSFiddle에서 작동하지 않는 간단한 예] (의

출처

2014-10-13 05:55:42

효과가 :-) 차이점을 말해 줄 수 있습니까 –

세부 사항을 편집하고 추가했습니다. –

답변 주셔서 감사합니다 .-) –

AngularJS 컨트롤러 함수가 실행되지 않습니다.

답변

관련 문제