사용자 도구

사이트 도구


angular:angular6

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

다음 판
이전 판
angular:angular6 [2019/01/16 02:20] – 만듦 taekguangular:angular6 [2025/04/15 10:05] (현재) – 바깥 편집 127.0.0.1
줄 17: 줄 17:
 export class EmployeeService{ export class EmployeeService{
 </code> </code>
 +
 +=== ngModelChange ===
 +Before
 +<code javascript>
 +<input [(ngMedel)]="name" (ngModelChange)="onChange($event)">
 +
 +
 +onChange(value) {
 +  console.log(value); // would log updated value
 +}
 +</code>
 +
 +Now
 +<code javascript>
 +<input #modelDir="ngModel" [(ngModel)]="name" (ngModelChange)="onChange(modelDir)">
 +
 +onChange(ngModel: NgModel){
 +  console.log(ngModel.value); // would log old value, not update  value
 +}
 +</code>
 +<code javascript>
 +onChange(ngModel: NgModel){
 +  console.log(ngModel.value); // will log update value
 +}
 +</code>
 +==== Angular Elements ====
 +Ability to use our Angular components in other environments.
 +Wrap an angular component in a custom elements.
 +<code javascript>
 +export class AppModul {
 +  constructor(private injector:Injector){}
 +  ngDoBootstrap(){
 +    const AppElement = createCustomElement(AppComponent, {injector: this.injector });
 +    customElements.define('my-app', AppElement);
 +  }
 +}
 +</code>
 +==== Ivy ====
 +Next generation rendering engine.
 +Increase the speed and decrease the application size.
 +Out in the near future.
 +
  
angular/angular6.1547605242.txt.gz · 마지막으로 수정됨: 2025/04/15 10:05 (바깥 편집)