Tento blog príspevky popisuje, ako môžete mať viac Angular.js založený SharePoint webových častí (odkazuje pomocou webovej časti editor obsahu) na rovnakej stránke. Som volanie webovej časti editor obsahu (CEWP) ktorý odkazuje JavaScript postavený s využitím rámca Angular.js "Uhlové webová časť."
Uhlová je zavádzací proces je super ľahké a len asi každý príklad nájdete na internety ide niečo takého:
<HTML ng-app = "MôjProgram">
<bla /><bla /><bla />
</HTML>
Tento štiepi, Avšak, Ak chcete povoliť viaceré CEWP zastupujúci viac uhlové webových častí na rovnakej stránke. Uhlová bude automaticky len bootstrap proti prvej smernice ng-app to nájde – aspoň už uhlové verzia 1.3.6. Riešenie je pomerne jednoduché-manuálne namiesto štartovaciu svoj kód. Vyššie sa teraz zmení na niečo takého:
<telo>
<dIV identifikácia =”bootstrapHere” ng-controller =”myController ako theController”>
<bla /><bla /><bla />
</DIV>
</telo><skript src =”//Ajax.googleapis.com/AJAX/libs/angularjs/1.3.6/angular.js”></skript>
<skript>
angular.Bootstrap(angular.element(document.getElementById(“bootstrapHere”)),["MôjProgram"]);
</skript>
V podstate, Namiesto použitia ng-app na prvok robiť vaše bootstrapping, si pohlavok ID na tento prvok. Potom, Použite bootstrap() metóda na uhlové sám kontrolovať bootstrapping procesu spustenia. Testoval som to s tromi rôznymi uhlové webovými časťami na rovnakej stránke a funguje to kúzlo.
</koniec>
Nasledujte ma na stebėtų na http://www.twitter.com/pagalvin
ahoj, Ktorá verzia SharePoint to súvisí? SP2013, SP2010, SPOnline?
Veľkou otázkou. V tomto prípade, Urobil som to pomocou SharePoint online (O365).
Som * verí, * že moje colleagie si to v SP 2013 na prem.
I vyslaní otázku na reddit.com/r/angularjs, pýtať, či to má byť akýsi štandard. Obmedzená feedbcak som dostal bolo, že áno, Ručné bootstrapping je spôsob, ako ísť. Len niektoré názory.
Pingback: Ručné alebo automatické bootstrapping uhlovej na stránke – Vyzerá to, že ručné bootstrapping je najbezpečnejšie? - Čitateľ
Pingback: SharePoint 2013: Recopilatorio de enlaces interesantes (LXI)! | Pasión por la tecnología....
Pingback: SharePoint 2013: Recopilatorio de enlaces interesantes (LXI)! - Blog de Juan Carlos González sk Geeks.MS