Blog ini posting menjelaskan bagaimana Anda dapat memiliki beberapa Angular.js berbasis SharePoint web bagian (direferensikan melalui bagian web content editor) pada halaman yang sama. Aku memanggil editor konten web bagian (CEWP) itu referensi JavaScript yang dibangun menggunakan kerangka Angular.js "sudut Web bagian."
Sudut 's bootstrap proses super mudah dan hampir setiap contoh yang Anda temukan di the internets pergi sesuatu seperti ini:
<HTML ng-app = 'myApp'>
<bla /><bla /><bla />
</HTML>
Ini rusak, Namun, Jika Anda ingin mengaktifkan beberapa CEWP mewakili beberapa sudut web bagian pada halaman yang sama. Sudut akan hanya secara otomatis bootstrap terhadap direktif ng-app pertama itu menemukan – setidaknya pada sudut versi 1.3.6. Solusinya cukup sederhana – secara manual bootstrap kode Anda sebaliknya. Atas sekarang berubah menjadi sesuatu seperti ini:
<bodyHTMLan >>< kuat > pesan yang kuat.</strong> </body> </html> ">
<dIV id =”bootstrapHere” ng-controller =”myController sebagai theController”>
<bla /><bla /><bla />
</div>
</bodyHTMLan >>< kuat > pesan yang kuat.</strong> </body> </html> "><script src =”//Ajax.googleapis.com/Ajax/libs/angularjs/1.3.6/angular.js”></script>
<script>
angular.bootstrap(angular.Element(document.getElementById(“bootstrapHere”)),['myApp']);
</script>
Pada dasarnya, Alih-alih menggunakan ng-app pada elemen untuk melakukan bootstrap Anda, Anda menampar ID ke elemen. Kemudian, menggunakan bootstrap() metode pada sudut itu sendiri untuk mengendalikan bootstrap proses pada saat run-time. Saya telah menguji ini dengan tiga bagian web sudut yang berbeda pada halaman yang sama dan kerjanya pesona.
</akhir>
Ikuti saya di kegugupan di http://www.twitter.com/pagalvin
Hai, Versi SharePoint ini berkaitan? SP2013, SP2010, SPOnline?
Pertanyaan besar. Dalam hal ini, Saya melakukannya menggunakan SharePoint online (O365).
Aku * percaya * bahwa colleagie saya juga melakukan ini di SP 2013 pada prem.
Saya mengirim pertanyaan ke reddit.com/r/angularjs, bertanya apakah ini semacam harus standar. Feedbcak terbatas yang saya punya itu ya, bootstrap manual adalah cara untuk pergi. Hanya beberapa pendapat.
Pingback: Manual atau otomatis bootstrap sudut pada halaman – tampaknya seperti bootstrap manual aman? - Pembaca
Pingback: SharePoint 2013: Recopilatorio de enlaces interesantes (LXI)! | Pasion por la tecnología..
Pingback: SharePoint 2013: Recopilatorio de enlaces interesantes (LXI)! - Blog de Juan Carlos González en Geeks.MS