서비스가 작동하지 않습니다 - AngularJS

Question

내 작업은 양식을 만들고 입력 한 데이터를 '제출'을 클릭하여 div에 표시하는 것입니다. 이 태스크는 양식을 작성하기위한 것과 입력 된 데이터를 표시하기위한 두 가지 지시문 작성과 관련됩니다. 두 지시어에 해당하는 두 제어기와 통신하려면 '서비스'를 사용하여 연결해야합니다. 그러나 두 개의 지시문을 만들었지 만 스크립트 파일에 몇 가지 문제가 있습니다. 도와주세요. HERE

$scope.getFaster = function() { $scope.name = $scope.modelName; $scope.age = $scope.modelAge; $scope.place = $scope.modelPlace; $scope.gender = $scope.modelGender; };

뭔가 잘못

Answer 1

업데이트 파일 fasterBack.js에 :

업데이트 Plunker : http://plnkr.co/edit/bsFxDn3RQCGlmZLJMAil?p=preview

내가 만든 다음

는 plunker 링크입니다 그것은 서비스의 유무에 관계없이 두 가지 예제를 함께 제공합니다. 그들은 제출 단추 누르기에서만 작동합니다.

업데이트 솔루션을 작업하는

업데이트 plunker을 종료합니다. 나는 이것을 위해 서비스를 사용하지 않았다. 그러나 좀 더 복잡한 목적으로 서비스를 사용하고자하는 경우 알려 주시면 플러 커를 업데이트 할 예정입니다. 그러나 명확히하기 위해 지시자가 아닌 두 개의 컨트롤러와 서비스를 사용해야합니다.

여기이 플러 커에서 수행 한 작업은 사용자가 만든 컨트롤러에서 두 개의 지시문을 래핑하여 지시문을 약간 수정했습니다 (사용자 지정 요소를 제거하고 디스플레이 지시문의 모델 이름을 동일하게 변경하여 추가 함). 양식 지시문).

index.html을

<div ng-controller="fasterCtrl"> 
    <faster-form></faster-form> 
    <faster-display></faster-display> 
</div> 

fasterDisplay.html

<div> 
    <div>Name : {{modelName}} </div><br> 
    <div>Age : {{modelAge}}</div><br> 
    <div>Place : {{modelPlace}}</div><br> 
    <div>Gender : {{modelGender}}</div><br> 
</div> 

http://plnkr.co/edit/y3jpxLis9PENGrRvW4Od?p=preview