Slik gjør du det: Aktiver flere kantete SharePoint-webdeler på samme side

Denne bloggen innlegg beskriver hvordan du kan ha flere Angular.js basert SharePoint-webdeler (referert via en webdel for innholdsredigering) på samme side. Jeg kaller en webdel for innholdsredigering (CEWP) som refererer til JavaScript bygget med Angular.js rammen en "kantete-webdel."

Angular's bootstrap prosessen er superenkelt og omtrent alle eksempel du finner på internets går noe slikt:

<HTML ng-app = 'myApp'>

<blah /><blah /><blah />

</HTML>

Dette bryter ned, men, Hvis du vil aktivere flere CEWP som representerer flere kantete webdeler på samme side. Angular vil automatisk bootstrap mot direktivet for første ng-app det finner – minst i kantete versjon 1.3.6. Løsningen er ganske enkel-bootstrap manuelt koden i stedet. Ovennevnte nå endres til noe som dette:

<kroppen>
<d
IV id =”bootstrapHere” ng-kontrolleren =”myController som theController”>
<blah /><blah /><blah />
</div>
</kroppen>

<script src =”//Ajax.googleapis.com/AJAX/libs/angularjs/1.3.6/Angular.js”></skriptet>

<skriptet>
Angular.bootstrap(Angular.element(document.getElementById(“bootstrapHere”)),['myApp']);
</skriptet>

I utgangspunktet, istedet for benytter ng-app på elementet for å gjøre din bootstrapping, du klapse en ID på dette elementet. Deretter, Bruk inn bootstrap() metoden på kantete selv kontrollere bootstrapping behandle under kjøring. Jeg har testet dette med tre forskjellige kantete webdeler på samme side og det fungerer en sjarm.

</slutten>

undefinedAbonner på bloggen min.

Følg meg på Twitter på http://www.twitter.com/pagalvin

5 tanker om “Slik gjør du det: Aktiver flere kantete SharePoint-webdeler på samme side

    1. Paul Galvin Post forfatter

      Great spørsmål. I dette tilfellet, Jeg gjorde det med SharePoint online (O365).

      Jeg * tror * at min colleagie også gjorde dette i SP 2013 på prem.

      Jeg postet et spørsmål til reddit.com/r/angularjs, spør om det liksom skal være standard. Den begrensede feedbcak jeg fikk var at ja, manuell bootstrapping er veien å gå. Bare noen meninger.

      Svar
  1. Pingback: Manuell eller automatisk bootstrapping Angular på en side – Det virker som manuell bootstrapping er pengeskap? - Leser

  2. Pingback: SharePoint 2013: Recopilatorio de enlaces interesantes (LXI)! | Pasión por la tecnología..

  3. Pingback: SharePoint 2013: Recopilatorio de enlaces interesantes (LXI)! - Blogg de Juan

legg igjen et svar

e-postadressen din vil ikke offentliggjøres. Obligatoriske felt er merket *