Πώς-να: Επιτρέπει πολλαπλά τμήματα γωνιακή του SharePoint στο Web στην ίδια σελίδα

Αυτό το blog θέσεις περιγράφει πώς μπορείτε να έχετε πολλαπλές Angular.js με βάση τμημάτων web του SharePoint (αναφορά μέσω ενός τμήματος web περιεχόμενο editor) στην ίδια σελίδα. Ζητώ ένα τμήμα web περιεχόμενο editor (CEWP) ότι οι αναφορές JavaScript που κατασκευάστηκε με τη χρήση του πλαισίου Angular.js ένα "γωνιακή τμήμα Web."

Διαδικασία εκκίνησης της γωνιακής πανεύκολο και ακριβώς για κάθε παράδειγμα μπορείτε να βρείτε για το Ίντερνετ πηγαίνει κάτι παρεμφερή:

<HTML ng-app = «myApp»>

<μπλα /><μπλα /><μπλα />

</HTML>

Αυτό διασπά, Ωστόσο, Εάν θέλετε να ενεργοποιήσετε του πολλαπλές CEWP που αντιπροσωπεύει πολλά τμήματα γωνιακή web στην ίδια σελίδα. Γωνιακή θα μόνο αυτόματα εκκίνηση κατά την πρώτη οδηγία ng-app αυτό βρίσκει – τουλάχιστον από την γωνιακή έκδοση 1.3.6. Η λύση είναι αρκετά απλή-να Μπουτστράπ με μη αυτόματο τρόπο τον κωδικό σας αντί. Τα παραπάνω τώρα αλλάζει σε κάτι σαν αυτό:

<οργανισμός>
<d
IV id =”bootstrapHere” ng-ελεγκτή =”myController ως theController”>
<μπλα /><μπλα /><μπλα />
</div>
</οργανισμός>

<σενάριο src =”//Ajax.googleapis.com/Ajax/libs/angularjs/1.3.6/angular.js”></σενάριο>

<σενάριο>
angular.bootstrap(angular.Element(document.getElementById(“bootstrapHere”)),[«myApp»]);
</σενάριο>

Βασικά, αντί να χρησιμοποιεί ng-app στο στοιχείο για να κάνει σας bootstrapping, ράπισμα σας ID επάνω σε αυτό το στοιχείο. Στη συνέχεια, Χρησιμοποιήστε τον κώδικα εκκίνησης() μέθοδος για την γωνιακή ίδια να ελέγξει το bootstrapping επεξεργασία κατά το χρόνο εκτέλεσης. Έχω δοκιμαστεί αυτό με τρία τμήματα διαφορετική γωνιακή web στην ίδια σελίδα και λειτουργεί ένα γοητεία.

</Τέλος>

undefinedΕγγραφείτε στο blog μου.

Συνέχεια μου για Twitter σε http://www.twitter.com/pagalvin

5 thoughts on «Πώς-να: Επιτρέπει πολλαπλά τμήματα γωνιακή του SharePoint στο Web στην ίδια σελίδα

    1. Paul Galvin Δημοσίευση συγγραφέα

      Μεγάλη ερώτηση. Σε αυτή την περίπτωση, Έκανα χρήση του SharePoint online (O365).

      Εγώ * ότι * ότι μου colleagie έκανε επίσης αυτό σε SP 2013 στο prem.

      Τοποθέτησα μια ερώτηση σε reddit.com/r/angularjs, ρωτώντας αν αυτό πρέπει να είναι είδος πρότυπο. Η περιορισμένη feedbcak που πήρα ήταν ότι ναι, εγχειρίδιο bootstrapping είναι ο τρόπος να πάει. Απλά κάποιες απόψεις.

  1. Pingback: Χειροκίνητο ή αυτόματο bootstrapping γωνιακή σε μια σελίδα – φαίνεται όπως εγχειρίδιο bootstrapping είναι ασφαλέστερο? - Αναγνώστης

  2. Pingback: SharePoint 2013: Recopilatorio de interesantes με την ισορροπημένη (LXI)! | Πάθους por la tecnología....

  3. Pingback: SharePoint 2013: Recopilatorio de interesantes με την ισορροπημένη (LXI)! - Blog en Juan Carlos González de Geeks.MS

Αφήνω μια απάντηση

Η διεύθυνση email σας δεν θα δημοσιευθεί. τα απαιτούμενα πεδία είναι επισημασμένα *