15
아마도 이것은 좋은 질문이 아니지만 가능한 한 객관적이고 책임감있게 작성하려고 노력할 것입니다.각도 및 시맨틱 마크 업/우려 분리
저는 Angular.js를 가지고 놀았으며 실제로 좋아했습니다. 그러나 나는 그 철학에 관해 질문이 있습니다. 다음은 컨트롤러 용 Angular 사이트의 코드 스 니펫입니다.
는<div ng-controller="TodoCtrl">
<span>{{remaining()}} of {{todos.length}} remaining</span>
[ <a href="" ng-click="archive()">archive</a> ]
<ul class="unstyled">
<li ng-repeat="todo in todos">
<input type="checkbox" ng-model="todo.done">
<span class="done-{{todo.done}}">{{todo.text}}</span>
</li>
</ul>
<form ng-submit="addTodo()">
<input type="text" ng-model="todoText" size="30"
placeholder="add new todo here">
<input class="btn-primary" type="submit" value="add">
</form>
</div>
이것은 기본적으로 HTML에 뿌려 각도 지침을하다 내가 잠재적 susupect 찾을 하나는 이것이다 :. <a href="" ng-click="archive()">archive</a>.
Jeffrey Zeldman이 Designing With Web Standards을 작성했을 때 마크 업 (HTML), 프리젠 테이션 (CSS) 및 상호 작용 (JS)을 유지 관리를 위해 여러 파일로 분리하는 것이 좋습니다.
제 질문은 Angular가 어떻게 위배하지 않는 것입니까? 저는 실제로 그것을 실제로 즐기고 있으며 매우 강력합니다. 그러나 클릭 이벤트를 마크 업에있는 a 요소에 바인딩하는 것과 웹 표준 전 코드에 대한이 흔적을 작성하는 것의 차이점은 무엇입니까?
<a href='#' onClick='showAlert()'>Click here</a>
<script>
var showAlert = function(){
alert('hey');
}
</script>
유용한 답변은 프레임 워크 사용에 대한 개인적인 경험 외에도 설명서를 참조 할 수 있습니다.
첫 번째 생각은 jQuery와 의미 론적 마크 업을 사용하여 상태 저장 단일 페이지 응용 프로그램을 작성하고 코드 양, 시간 및 두통을 동일한 응용 프로그램에 각도로 작성된 코드와 비교하는 것입니다 ... 테스트 중입니까? 각도가 훨씬 간단합니다 .... 코드 및 코드 단편화 - 양이 적습니다. 모듈성과 유지 보수성 또는 개선의 용이성 ... 각도가 훨씬 간단합니다. 트레이드 오프는 우려 사항의 결합에 가치가 있습니다. IMO – charlietfl
Youre right, this is not. 그것은 개념적 질문과 같아서 http://programmers.stackexchange.com/에 속해 있습니다. – qodeninja