2
thead 속성에 정의 된 양식으로 anglejs &을 x 편집 가능으로 사용하여 열 편집을하려고합니다. 이것은 각 열에 대해 개별적으로 마크 업을 할 때 작동하지만 ng-repeat를 사용하여 열을 정의하려고합니다. 작동하지 않습니다.X-Editable이 ng-repeat에서 양식을 정의 할 수 없습니다.
양식 컨트롤러가 범위에 추가되지 않아서 x-editable 필드가 $ parse (attrs.eForm) (scope)를 사용하여 참조 할 수없는 것처럼 보입니다. from xeditable.js
내 생각 엔 ng-repeat에 정의 된 양식에 범위 문제가 있다고 생각하지만 각도가 너무 새롭기 때문에 그 이상을 모릅니다.
jsfiddle이 문제를 보여줍니다. 하나의 항목 만있는 ng-repeat를 사용하고 html은 테스트 목적으로 해당 속성을 참조하지 않습니다.
<td style="width: 40%">
<td ng-repeat="header in headers" style="width:40%">
감사합니다.
감사 인을 사용하여 동적 양식을 만들 때 대신 일반적인 형태의 표 양식을 사용하는 것입니다 응답. 그러나이 예제는 각 양식이 ng-repeat의 일부인 점에서 다릅니다. 내 예를 들어, http://jsfiddle.net/cwbk0aao/, ng-repeat의 "awesome user"엘리먼트를 정의하기 위해 외부에 정의 된 폼을 정의하려고합니다. 범위 문제를 발견했으며 요소가 서로 액세스 할 수 있도록 rootscope에 양식을 추가하도록 xEditable 코드를 수정했습니다. – jengwood
사례가 [열 편집 가능] (http://vitalets.github.io/angular-xeditable/#editable-column)입니다. – OmomSun
닫기,하지만 한 가지 중요한 차이점으로 인해 나를 대신 할 수 없습니다. 별도의 ng-repeat 내에서 양식을 정의합니다. 다음은 열 편집 예제입니다. 두 열, http://jsfiddle.net/NfPcH/5881/을 가져 왔습니다. "이름"과 연결된 맨 위의 양식은 ng-repeat에 없습니다. 내 경우에는 "name"이 변수가 될 것이고, 열에 대해서는 변수가 생길 것이므로 ng-repeat에서 양식 컨트롤러를 정의해야한다. 내 예제 http://jsfiddle.net/cwbk0aao/에 대한 "works"및 "does not work"주석을 참조하십시오. 두 개의 서로 다른 범위 내에서 정의되므로 rootscope를 사용해야했습니다. – jengwood