feature(EJ2-1928): NumericTextBox sample intl changes have been committed.

Author: pipeline

src/numerictextbox/internationalization.component.ts

@@ -1,18 +1,11 @@
-import { Component, ViewChild } from '@angular/core';
+import { Component } from '@angular/core';
 import { loadCldr, L10n } from '@syncfusion/ej2-base';
-import { NumericTextBoxComponent } from '@syncfusion/ej2-ng-inputs';
 
 @Component({
     selector: 'control-content',
     templateUrl: 'internationalization.html',
 })
 export class InternationalizationController {
-    @ViewChild('numeric')
-    public numeric: NumericTextBoxComponent;
-    @ViewChild('percentage')
-    public percentage: NumericTextBoxComponent;
-    @ViewChild('currencyTextBox')
-    public currencyTextBox: NumericTextBoxComponent;    
     locale: string = 'de';
     currency: string = 'EUR';
     numericValue: number = 10;
@@ -25,17 +18,20 @@ export class InternationalizationController {
          L10n.load({
             'en': {
                 'numerictextbox': {
-                    incrementTitle: 'Increment value', decrementTitle: 'Decrement value'
+                    incrementTitle: 'Increment value', decrementTitle: 'Decrement value',
+                    placeholder: 'Enter the value'
                 }
             },
             'de': {
                 'numerictextbox': {
-                    incrementTitle: 'Wert erhöhen', decrementTitle: 'Dekrementwert'
+                    incrementTitle: 'Wert erhöhen', decrementTitle: 'Dekrementwert',
+                    placeholder: 'Geben Sie den Wert ein'
                 }
             },
             'zh': {
                 'numerictextbox': {
-                    incrementTitle: '增值', decrementTitle: '遞減值'
+                    incrementTitle: '增值', decrementTitle: '遞減值',
+                    placeholder: '輸入值'
                 }
             }
         });
@@ -53,19 +49,10 @@ export class InternationalizationController {
         this.locale = culture;
         if (culture === 'zh') {
             this.currency = 'CNY';
-            this.numeric.placeholder = '输入值';
-            this.currencyTextBox.placeholder = '输入货币';
-            this.percentage.placeholder = '输入百分比';
         } else if (culture === 'de') {
             this.currency = 'EUR';
-            this.numeric.placeholder = 'Geben Sie den Wert ein';
-            this.currencyTextBox.placeholder = 'Geben Sie die Währung ein';
-            this.percentage.placeholder = 'Geben Sie den Prozentsatz ein';
         } else {
             this.currency = 'USD';
-            this.numeric.placeholder = 'Enter the value';
-            this.currencyTextBox.placeholder = 'Enter the currency';
-            this.percentage.placeholder = 'Enter the percentage';
         }
     }
     constructor() { }

src/numerictextbox/internationalization.html

@@ -1,41 +1,42 @@
 <div class="control-section">
     <div class="col-lg-8 content-wrapper">
         <div class="content">
-        <div class="wrapper">
-            <ej-numerictextbox #numeric [value]="numericValue" placeholder="Geben Sie den Wert ein" [locale]="locale" ></ej-numerictextbox>
+            <div class="wrapper">
+            <ej-numerictextbox [locale]="locale" [value]="numericValue"></ej-numerictextbox>
         </div>
-        <div class="wrapper">
-            <ej-numerictextbox #percentage format="p2" placeholder="Geben Sie den Prozentsatz ein" [value]="percentValue" [min]="min" [max]="max" [step]="step" [locale]="locale"></ej-numerictextbox>
+         <div class="wrapper">
+            <ej-numerictextbox format="p2" [locale]="locale" [value]="percentValue" [step]="step" [max]="max" [min]="min"></ej-numerictextbox>
         </div>
-        <div class='wrapper'>
-            <ej-numerictextbox #currencyTextBox format="c2" placeholder="Geben Sie die Währung ein" [value]="currencyValue" [locale]="locale" [currency]="currency" ></ej-numerictextbox>
+         <div class="wrapper">
+            <ej-numerictextbox format="c2" [locale]="locale" [value]="currencyValue" [currency]="currency"></ej-numerictextbox>
         </div>
       </div>
     </div>
     <div class="col-lg-4 property-section">
         <div class="property-panel-section">
             <div class="property-panel-header">Properties</div>
             <div class="property-panel-content">
-              <table id="property" class="property-panel-table" title="Properties">
-                <tr>
+              <table title="Properties" class="property-panel-table" id="property">
+                <tbody><tr>
                   <td>
                     <div>Culture</div>
                   </td>
                   <td>
                     <div>
-                      <select id="cultures" class="form-control" (change)="changeLocale()">
+                      <select class="form-control" id="cultures" (change)="changeLocale()">
                         <option value="de">de</option>
                         <option value="zh">zh</option>
                         <option value="en">en</option>
                       </select>
                     </div>
                   </td>
                 </tr>
-              </table>
+              </tbody></table>
             </div>
         </div>
     </div>
 </div>
+
 <div id="description">
     <p>
         The NumericTextBox comes with built-in internationalization support to adapt based on culture. You can change the culture of the component using ‘locale’ property, which format the currency symbol, decimal separator, and group separators.</p>