2014-10-02 2 views
2

코드에서 AngularJS와에게 표현식을 사용하여 실패 : 나는 href 속성을 필요로하는 플러그인을 사용하고HTML5 유효성 검사 href 속성

<a ng-repeat="..." href="{{...}}"></a> 

, 그래서 data-ng-href 사용할 수 없습니다 :(

대안이 있습니까 AngularJS 표현을 href 속성 안에 유지하고 W3C HTML5 유효성 검사기에서 유효성을 검사합니까? 미리 감사드립니다. 대답을 올바르게 표시합니다.

+1

을 유효 html5-을 가질 수 있다는 사실, 내가 각도의 표준 유효성에 대해 너무 걱정되지 않을 것 같은 템플릿. 엄밀히 말하자면 실제로 HTML5는 아니지만 Angular의 기능 확장입니다. 내가 아는 한 Angular는 이러한 종류의 형태를 허용하도록 설계되지 않았습니다. – Arvoreniad

+0

통찰력에 감사드립니다. 원한다면 실제 답변으로 의견을 추가하고 자유롭게 표시하십시오. –

+0

걱정하지 마세요, 답변을 게시했습니다. – Arvoreniad

답변

0

절대적인 요구 사항이 아닌 한, Angular 템플릿의 표준 타당성. 엄밀히 말하자면 실제로 HTML5는 아니지만 Angular의 기능 확장입니다. 내가 아는 한 Angular는 이러한 종류의 형태를 허용하도록 설계되지 않았습니다. 나는 너에게 유효성 검사를 남겨 두는 것이 가장 좋을 것이라고 생각한다.

1

data-ng-href를 사용하는 또 다른 의견은 입니다. 템플릿을 초기화하면 href가 생성되므로 템플릿을 준비하고 나면 플러그인을 실행할 수 있습니다. 여기에 바로 각 문서에서 관련 코드는 다음과 같습니다

<a id="link-3" ng-href="/{{'123'}}">link 3</a> (link, reload!)<br /> 

페이지에

<a id="link-3" ng-href="/123" href="/123">link 3</a> 

된다.

심판 - https://docs.angularjs.org/api/ng/directive/ngHref

나는 개인적으로 정말 절대적인 요건이 아니라면 하나가 각 사용하고 여전히