Este blog posts describe cómo puedes tener múltiples Angular.js basado en elementos web de SharePoint (hace referencia a través de un elemento web editor de contenido) en la misma página. Yo estoy llamando a un elemento web editor de contenido (CEWP) que hace referencia JavaScript construido utilizando el framework de Angular.js un "elemento Web Angular".
Proceso de arranque de angular es súper fácil y cada ejemplo que encontrará el internets es algo como esto:
<HTML ng-app = 'myApp'>
<bla /><bla /><bla />
</HTML>
Esto se rompe, Sin embargo, Si desea habilitar múltiples CEWP que representa a varias partes de la web angular en la misma página. Angular se solamente automáticamente arranque contra la primera Directiva de ng-app se encuentra – por lo menos desde la versión angular 1.3.6. La solución es bastante simple – arranque manualmente el código en su lugar. Lo anterior ahora cambia a algo como esto:
<cuerpo>
<didentificación IV =”bootstrapHere” ng-controlador =”myController como theController”>
<bla /><bla /><bla />
</div>
</cuerpo><script src =”//Ajax.googleapis.com/Ajax/libs/angularjs/1.3.6/angular.js”></secuencia de comandos>
<secuencia de comandos>
angular.bootstrap(angular.Element(Document.getElementById(“bootstrapHere”)),['myApp']);
</secuencia de comandos>
Básicamente, en lugar de utilizar ng-app sobre el elemento para hacer tu bootstrapping, que bofetada un ID a dicho elemento. A continuación, Utilice el bootstrap() método angular para controlar el arranque del proceso en tiempo de ejecución. He probado esto con tres partes web Angular diferente en la misma página y funciona de maravilla.
</final>
Sígueme en Twitter en http://www.twitter.com/pagalvin
Hola, ¿Qué versión de SharePoint está esto relacionado con? SP2013, SP2010, SPOnline?
Gran pregunta. En este caso, Lo hice mediante SharePoint online (O365).
Me * creen * que mi colleagie también lo hizo en SP 2013 en-prem.
Envié una pregunta a reddit.com/r/angularjs, preguntando si esto debe ser una especie de estándar. La limitada feedbcak tengo fue que sí, arranque manual es el camino a seguir. Sólo algunas opiniones.
Pingback: Manual o automática de arranque Angular en una página – Parece que arranque manual es más segura? - Lector
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