Практически съвети: Разреши няколко ъглови SharePoint уеб компоненти на същата страница

Този блог постове описва как можете да имате множество Angular.js базирани SharePoint уеб части (препраща чрез уеб компонент за редактор на съдържание) на същата страница. Обаждам се на уеб компонент за редактор на съдържание (CEWP) това препраща към JavaScript, с помощта на Angular.js рамка "ъглова Web част."

На Ъгловата в bootstrap процес е супер лесно и просто за всеки пример, можете намерите на internets е нещо подобно:

<HTML ПГ-ап = "Моетоприлож">

<бла /><бла /><бла />

</HTML>

Това развали, Въпреки това, Ако искате да разрешите няколко CEWP представляващи множество ъглови уеб компоненти на същата страница. Ъгловата ще автоматично само срещу първата директива ПГ-ап го bootstrap находки – поне от ъгловите версия 1.3.6. Решението е доста проста-ръчно bootstrap своя код вместо. По-горе промени на нещо подобно:

<тяло>
<dIV ИД =”bootstrapHere” ПГ-контролер =”myController като theController”>
<бла /><бла /><бла />
</DIV>
</тяло>

<скрипт src =”//AJAX.googleapis.com/AJAX/libs/angularjs/1.3.6/angular.js”></скрипт>

<скрипт>
angular.Bootstrap(angular.Element(document.getElementById(“bootstrapHere”)),["Моетоприлож"]);
</скрипт>

По принцип, вместо да използвате ПГ-ап на елемент да направите вашия bootstrapping, шамар ИД към този елемент. След това, Използвайте bootstrap() метод на ъгловите себе си да контролира bootstrapping процес по време на изпълнение. Аз бях тестван това с три различни ъглови уеб компоненти на същата страница и то работилница чар.

</край>

Абонирайте се за моя блог.

Следвайте ме на Twitter в http://www.twitter.com/pagalvin

5 мисли за "Практически съвети: Разреши няколко ъглови SharePoint уеб компоненти на същата страница”

Брет Януари 10, 2015 в 4:28 AM

Здравей, Коя версия на SharePoint е това свързано с? SP2013, SP2010, SPOnline?

Отговор ↓

Пол Galvin Мнение авторФевруари 1, 2015 в 3:08 PM

Големият въпрос. В този случай, Направих го използвате SharePoint онлайн (O365).

I * смята * че ми colleagie също така направи това в SP 2013 на prem.

Аз афиш въпрос към reddit.com/r/angularjs, питам дали това нещо трябва да бъде Стандартна. Ограничена feedbcak, аз имам е, че да, ръчно bootstrapping е начин да отида. Само някои мнения.

Отговор ↓