방법: 같은 페이지에 여러 각도 SharePoint 웹 파트를 사용 하도록 설정

이 블로그 게시물 다중 당신이 수 있는 방법에 대해 설명 합니다 Angular.js 기반 SharePoint 웹 파트 (콘텐츠 편집기 웹 파트를 통해 참조) 같은 페이지에. 콘텐츠 편집기 웹 파트를 호출 (CEWP) 그 Angular.js 프레임 워크는 "각 웹 파트."를 사용 하 여 자바 스크립트 참조

각의 부트스트랩 프로세스가 슈퍼 쉽습니다 그리고 당신이 인터넷에서 찾을 모든 예는 이런 식:

<html ng-애플 리 케이 션 'myApp' =>

<ㅋ ㅋ /><ㅋ ㅋ /><ㅋ ㅋ />

</html>

이 고장, 그러나, 같은 페이지에 여러 개의 각 웹 파트를 대표 하는 여러 CEWP의 사용 하려는 경우. 각 것입니다만 자동으로 부트스트랩 첫 번째 ng-응용 프로그램 지시문에 대 한 그것은 발견 – 적어도 각 버전 1.3.6. 해결책은 아주 간단-수동으로 코드를 대신 부트스트랩. 지금 위의이 같은 것을 변경합니다:

<바디>
<d4 id =”bootstrapHere” ng 컨트롤러 =”theController로 myController”>
<ㅋ ㅋ /><ㅋ ㅋ /><ㅋ ㅋ />
</div>
</바디>

<스크립트 src =”//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.js”></스크립트>

<스크립트>
angular.bootstrap(angular.element(document.getElementById(“bootstrapHere”)),[' myApp']);
</스크립트>

기본적으로, 당신의 부트스트랩 할 요소에 ng-애플 리 케이 션을 사용 하는 대신, 요소에 ID를 때 리고. 다음, 부트스트랩을 사용 하 여() 각도에 메서드 자체 제어는 부트스트랩 프로세스 실행 시간에. 동일한 페이지에 3 개의 다른 각도 웹 파트와 함께 이것을 테스트 했 고 그것은 효과가 매력.

</끝>

내 블로그를 구독.

에 지 저 귐에 나를 따르라합니다 http://www.twitter.com/pagalvin

5 "에 대한 생각방법: 같은 페이지에 여러 각도 SharePoint 웹 파트를 사용 하도록 설정”

폴 Galvin의 SharePoint 공간

방법: 같은 페이지에 여러 각도 SharePoint 웹 파트를 사용 하도록 설정

5 "에 대한 생각방법: 같은 페이지에 여러 각도 SharePoint 웹 파트를 사용 하도록 설정”

회신을 남겨 주세요 폴 Galvin 답장 취소