NativeScript 플로팅 힌트

Question

양식을 nativescript로 만들었으며 필드에 부동 힌트가 나타나기를 원했습니다. TextInputLayout처럼이 플러그인을 찾았습니다. nativescript-textinputlayout techincally 내가 원하는 것은 정확히 수행하지만 문제는 내가 usign angular 2입니다. 내 응용 프로그램, 그리고 각도 2와 그 플러그인을 사용하는 방법을 알아낼 수가 없어. 누군가가 그걸 도울 수 있습니까? 플로팅 힌트를 구현하기 위해 플러그인을 사용하는 것 이외의 다른 솔루션에 대해서도 열려 있습니다.

Answer 1

nativescript-textinputlayout은 "바닐라"NativeScript 구성 요소입니다. Angular와 함께 사용하려면 element registry API을 사용하여 Angular 템플릿에 유효한 태그로 등록해야합니다.

예 :

내-component.component.ts

import { registerElement } from "nativescript-angular/element-registry"; 

registerElement("TextInputLayout",() => require("nativescript-textinputlayout").TextInputLayout); 

@Component({ 
    selector: "my-component", 
    moduleId: module.id, 
    templateUrl: "./my-component.component.html" 
}) 
export class MyComponent {} 

내-component.component.html 플러그인 당신은 것입니다

<StackLayout> 
    <TextInputLayout hint="my hint" hintAnimationEnabled="true"> 
     <TextField text="my content"></TextField> 
    </TextInputLayout> 
</StackLayout>