2016-09-30 5 views
-2

우리는 우리가 새로운 line.below에 배열의 요소를 표시하고자하는 문제는에, 위의 코드에서 내 코드디스플레이 입력 배열 요소

<textarea class="form-control" type="text" data-ng-model="arrColumnNames" ng-list="&#10;" ng-trim="false" required 
    name="arrColumnNames" required minlength="0" 
    placeholder="" 
    class="form-control"></textarea> 

<textarea id="test" class="form-control" style="margin-top:2%; width: 60%;" rows="10" > 
Resulting definition:<![CDATA[<?xml version='1.0' encoding='UTF-8'?> 
<Scols > 
<scol>{{arrColumnNames}}</scol> 
</Scols> 
]]> 
</textarea> 

입니다했다 첫 번째 입력 텍스트 영역 (textarea 클래스 = "form-control")을 사용하면 사용자가 배열 요소를 입력합니다. 그 사용자가 입력 한 배열 요소를 id = "test"라는 텍스트 영역에 표시하고 싶습니다. 배열이 id = "test"인 텍스트 영역에 표시되면 예를 들어 가로 방향으로 표시됩니다. ID = "테스트"와 다음 텍스트 영역 (텍스트 영역 클래스 = "폼 제어")와 입력 텍스트 영역의 세 요소는 사용자 입력이 다음

<scol>["s1","s2","s3"]</scol> 

표시되는 경우 I을 표시하는 방법을 알고 싶어 아래의 요소.

예상 출력

<scol>s1</scol> 
<scol>s2</scol> 
<scol>s3</scol> 

상기 형식의 배열 요소를 표시 할 수있는 방법이있다. 위의 hte에 대한 도움은 매우 감사하겠습니다. 당신은 사용자가 배열 요소를 구분 않는 방법 textArea의에서 입력하는 동안 ng-repeat

<Scols> 
    <scol ng-repeat="values in arrColumnNames">{{values}}</scol> 
</Scols> 

jsfiddle

+0

을 확인 사용해야 –

답변

0

사전

감사? 위에서 사용자가 텍스트 영역에 입력 한 this [ "s1", "s2", "s3"]입니까?
+0

내 요구 사항을 이해하지 못했을 것 같습니다. 첫 번째 입력 텍스트 영역 (textarea class = "form-control")에서 사용자는 배열 요소를 입력합니다. 나는 사용자가 입력 한 배열 요소를 id = "test"라는 텍스트 영역에 표시하기를 원했습니다. 위에서 지정한대로 현재 [ "s1", "s2", "s3"]으로 표시됩니다. 그러나 S1 S2 S3 요구는 지금 분명 희망으로 표시하고 싶었다. – vr3w3c9

+0

@ vr3w3c9 질문을 업데이트하셨습니까? jsfiddle : https://jsfiddle.net/gzo96ryj/를 확인하십시오. 올바른 작동을 위해 유효한 json 배열 ('[ "s1", "s2", "s3"]')을 전달해야합니다. –

+0

업데이트 해 주셔서 감사합니다. 하지만 아직도 나는 바이올린 코드가 무엇을하는지 이해하지 못한다. 나는 내가 물어 본 질문에 어떤 관련성도 보이지 않는다. < Scols> 으로 {{값}} 모든 데이터를 볼 임 수없는
도 겨 때문에, 텍스트 박스에 유효한 배열을 전달 도도 텍스트 영역 – vr3w3c9