Blog ini posting menerangkan bagaimana anda boleh mempunyai pelbagai Angular.js berdasarkan bahagian web SharePoint (dirujuk melalui bahagian web editor kandungan) pada halaman yang sama. Saya menelefon editor kandungan web sebahagian (CEWP) bahawa rujukan JavaScript yang dibina menggunakan kerangka Angular.js yang "sudut bahagian Web."
Di sudut proses bootstrap super mudah dan hanya kira-kira setiap contoh yang anda dapati di internet pergi sesuatu seperti ini:
<HTML ng-aplikasi = 'myApp'>
<blah /><blah /><blah />
</html>
Ini rosak, Walau bagaimanapun, Jika anda ingin mengaktifkan berbilang CEWP mewakili pelbagai sudut web bahagian dalam halaman yang sama. Sudut akan hanya secara automatik bootstrap terhadap arahan ng-aplikasi pertama ia mendapati – sekurang-kurangnya versi sudut 1.3.6. Penyelesaian yang cukup mudah – secara manual bootstrap kod anda sebaliknya. Di atas kini berubah kepada sesuatu seperti ini:
<badan>
<div id =”bootstrapHere” Ng-pengawal =”myController sebagai theController”>
<blah /><blah /><blah />
</div>
</badan><script src =”//Ajax.googleapis.com/Ajax/libs/angularjs/1.3.6/angular.js”></skrip>
<skrip>
angular.bootstrap(angular.Element(document.getElementById(“bootstrapHere”)),['myApp']);
</skrip>
Pada asasnya, Alih-alih menggunakan ng-aplikasi pada elemen kaitan bootstrapping anda, anda Tepuk ID ke elemen itu. Kemudian, menggunakan bootstrap dalam() Kaedah sudut itu sendiri untuk mengawal bootstrapping yang memproses pada jangka-masa. Saya telah diuji ini dengan tiga bahagian web sudut yang berbeza pada halaman yang sama dan ia berfungsi azimat.
</akhir>
Mengikuti aku di Twitter http://www.twitter.com/pagalvin
Hi, Yang versi SharePoint ini adalah berkaitan dengan? SP2013, SP2010, SPOnline?
Soalan yang besar. Dalam kes ini,, Saya menggunakan SharePoint dalam talian (O365).
Saya * percaya * yang colleagie saya juga lakukan ini di SP 2013 pada prem.
Saya posting soalan ke reddit.com/r/angularjs, bertanya sama ada ini semacam harus standard. Feedbcak terhad yang saya dapat itu Ya, manual bootstrapping adalah cara untuk pergi. Hanya beberapa pendapat.
Pingback: Manual atau automatik bootstrapping sudut di halaman – Ia seolah-olah seperti manual bootstrapping adalah paling selamat? - Pembaca
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 en Geeks.MS