# 多语输入框使用示例

### `npm i @farris/ui-language-textbox@latest`




## 模板
```html
<language-textbox [languages]="languages" [(ngModel)]="languageObj"></language-textbox>
```

## 引入模块
```javascript
import { FormsModule } from '@angular/forms';
import { RouterModule } from '@angular/router';
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

import { DemoLanguageTextboxComponent } from './demo-language-textbox.component';
import { LanguageTextboxModule } from '@farris/ui-language-textbox';

@NgModule({
    declarations: [
        DemoLanguageTextboxComponent
    ],
    imports: [
        CommonModule,
        FormsModule,
        LanguageTextboxModule,
        RouterModule.forChild([
            { path: '', component: DemoLanguageTextboxComponent}
        ])
    ],
    exports: [],
    providers: [],
})
export class DemoLangulageTextboxModule {}
```


## Component.ts
```javascript
import { Component, OnInit } from '@angular/core';

@Component({
    selector: 'demo-language-textbox',
    templateUrl: './demo-language-textbox.component.html'
})
export class DemoLanguageTextboxComponent implements OnInit {

    languages = [
        { code: 'en', name: 'English' },
        { code: 'zh-cn', name: '中文简体' },
        { code: 'zh-chs', name: '中文繁体' }
    ];

    languageObj = {};

    constructor() { }

    ngOnInit(): void { }
}

```