각도 1.5 텍스트 상자 구성 요소를 올바르게 작성하는 방법은 무엇입니까?

Question

제 질문은 꽤 자명합니다.
나는 텍스트 상자 구축이 :

<qn-textbox placeholder="" 
      label="{{$ctrl.resources.lbl_PersonalId}}"></qn-textbox> 

및 구성 요소는 다음과 같습니다

내가 부모를 통보/거품까지 올바른 방법을 찾고 있어요

(function() { 
    'use strict'; 

    var qnTextbox = { 
     bindings: { 
      placeholder: '@', 
      label: '@' 
     }, 
     template: ` 
      <div clas="row"> 
       <div class ="col-xs-12 col-sm-4 col-md-3"> 
        <span data-ng-bind="$ctrl.label"></span> 
       </div> 
       <div class ="col-xs-12 col-sm-8 col-md-9"> 
        <input type="text" placeholder="{{$ctrl.placeholder}}" /> 
       </div> 
      </div> 
     `, 
     controller: function() { 
      var ctrl = this; 
     } 
    }; 

    angular 
     .module('app.components.core.qnTextbox') 
     .component('qnTextbox', qnTextbox); 

})(); 

때 텍스트 변경 .
- 어떤 종류의 텍스트 컨테이너를 사용해야하고 각 텍스트 상자 구성 요소에 부모 컨테이너가 있어야하므로 ($ onChange가 컨테이너를 업데이트 할 필요가 있음) 사용할 수 있습니까?
- 오버 헤드입니까? (나는 생각하지 않지만 틀릴 수도있다)
나는 일반적이고 깨끗한 것을 찾고있다.

Answer 1

ng-model을 사용하여 데이터를 저장하고 ng-change을 사용하여 양식 데이터의 변경 사항을 감지해야합니다.

---

템플릿 : 컨트롤러의 변화를 감지

<input ng-model="$ctrl.model" ng-change="$ctrl.onModelChange()"></input>

---

:

$ctrl.onModelChange = function() { 
    console.log($ctrl.model); 
}