각도를 사용하는 동안 내 HTML이 인라인 -js 코드로 가득 찼다는 것을 알게되었습니다. 예를 들어AngularJS 추상화
:
<table>
<tr>
<td ng-click="move('nw')" id="nw" ng-bind-template="{{northwest}}"></td>
<td ng-click="move('n')" id="n" ng-bind-template="{{north}}"></td>
<td ng-click="move('ne')" id="ne" ng-bind-template="{{northeast}}"></td>
</tr>
<tr>
<td ng-click="move('w')" id="w" ng-bind-template="{{west}}"></td>
<td ng-click="move('center')" id="center" ng-bind-template="{{center}}"></td>
<td ng-click="move('e')" id="e" ng-bind-template="{{east}}"></td>
</tr>
<tr>
<td ng-click="move('sw')" id="sw" ng-bind-template="{{southwest}}"></td>
<td ng-click="move('s')" id="s" ng-bind-template="{{south}}"></td>
<td ng-click="move('se')" id="se" ng-bind-template="{{southeast}}"></td>
</tr>
</table>
그것은 더 많거나 적은 것을 내 머리에 구타 년대 HTML에서 추출해야 자바 스크립트 아무것도. Angular는 특별한 경우이고 메소드와 같은 속성을 많이 사용하지만 DOM 메소드처럼 HTML과 Angular를 분리 할 수 있습니까?
처럼 :
var north = document.getElementById("n");
north["ng-click"] = function() { move(this.id); }
HTML 및 CSS는 _documents_을 (를) 표현하기 위해 태어났습니다. wiki 페이지를 생각해보십시오. 문서는 ... 문서입니다. 그것들은 상대적으로 정적 인 정보를 담고있다. JS는 이러한 페이지를 향상시키기 위해 탄생했습니다. 따라서 페이지가 JS없이 작동 할 것으로 예상됩니다. 눈에 잘 띄지 않는 JS는 HTML을 향상시키는 JavaScript가 있지만 HTML 없이는 완전히 사용할 수 있어야합니다. 자바 스크립트는 외부의 것으로, 문서와는 별도로 ... 문서입니다. 최근에 JS가 빨라졌고 사람들은이를 사용하는 방법을 이해하기 시작했습니다. 이제는 사람들이 웹 응용 프로그램을 작성 중이며 이전 가정은 더 이상 유지되지 않습니다. –