Arxius per mes: Gener 2015

HTTP 406 Error quan s'utilitza $http.get Angular contra SharePoint resta punts finals

2 respostes

Actualització: Marc d'anunci ndersson assenyalar aquesta gran peça d'informació: http://Blogs.Office.com/2014/08/13/JSON-Light-support-Rest-SharePoint-API-Released/. Que explica molt :).

Que pot ser el pitjor títol d'una entrada de blog mai! Anyhoo.

Solen fer tota la meva prototipatge contra una instància de O365. Tinc el meu exemple personal per tal que no ha de preocupar per afectar a ningú més. Com acotació al marge – recordeu quan anomenem realitzades al voltant de màquines virtuals en nostres portàtils amb molsa-SQL Server, L'IIS, decidir Hyper-V contra. VMWare? Anyhoo...

Jo havia desenvolupat una aplicació utilitzant Angular en aquest entorn que fa, entre altres coses, això:

$http.Get(URLServidor)
.èxit(funció(dades, l'estat, capçaleres, config) {

var getLinksResponse = dades;

getLinksResponse.value.forEach(funció(theResult) {

// i així successivament i així escuma

Això estava treballant just bé en dos diferents SharePoint entorns en línia. No obstant això, Quan el meu col lega portat-lo a una instància de Cloudshare, ell estava aconseguint un HTTP 406 error (que era la primera vegada que mai arribava aquell, Així que... yay, Suposo que). Vam fer una mica de recerca i s'adonava que l'encapçalament "Accepta" era fora. Era molt feliç amb SharePoint en línia:

Acceptar: aplicació/json

Però l'exemple cloudshare (que és SP en prem, allotjat en un servidor virtual) volia el clàssic "odata = verbosa" afegit en, així:

Acceptar: aplicació/json;OData = depuraci ≤

D'arreglar allò, Hem afegit la capçalera com a tal:

var config = {capçaleres: {
"Accepta": ' aplicació/json;OData = depuraci ≤ "
}
};

$http.Get(URLServidor,config)
.èxit(funció(dades, l'estat, capçaleres, config) {

var getLinksResponse = dades;

getLinksResponse.value.forEach(funció(theResult) {

// i així successivament i així escuma

Que es va desfer de la 406, però també va canviar el format de la resposta. Es tractava més aviat... detallat. (Haha!) Calien canvis més i aquí està el resultat final:

var config = {capçaleres: {
"Accepta": ' aplicació/json;OData = depuraci ≤ "
}
};

$http.Get(URLServidor,config)
.èxit(funció(dades, l'estat, capçaleres, config) {

var getLinksResponse = dades;

getLinksResponse.d.Results.forEach(funció(theResult) {

// i així successivament i així escuma

Això només es va convertir en un 30 minut problema per a nosaltres, així ens va tenir sort a. Esperançadorament algú es troba aquesta útil.

</final>

How-to: Permeten múltiples peces angulars del SharePoint Web a la mateixa pàgina

5 respostes

Aquest bloc llocs descriu com es pot tenir múltiples Angular.js basat en elements web del SharePoint (fa referència a través d'un element web editor de continguts) a la mateixa pàgina. Vaig a trucar a un element web editor de continguts (CEWP) que fa referència a JavaScript construït utilitzant el marc Angular.js una "Part Angular Web."

Procés d'arrencada de angular és super fàcil i just sobre cada exemple que trobeu sobre la internets va alguna cosa com això:

<HTML ng-app = 'myApp'>

<bla /><bla /><bla />

</HTML>

Això es trenca, No obstant això, Si voleu permetre que múltiples CEWP representar parts múltiples webs angular en la mateixa pàgina. Angular es automàticament només arrencar contra la primera Directiva ng-app es troba – com a mínim a partir de la versió angular 1.3.6. La solució és força simple-arrencar manualment el seu codi en canvi. L'anterior ara canvia a alguna cosa com això:

<cos>
<dIdentificador IV =”bootstrapHere” ng-controlador =”myController com theController”>
<bla /><bla /><bla />
</Div>
</cos>

<escriptura src =”//Ajax.googleapis.com/Ajax/libs/angularjs/1.3.6/angular.js”></script>

<script>
angular.bootstrap(angular.element(document.getElementById(“bootstrapHere”)),['myApp']);
</script>

Bàsicament, enlloc de fer servir ng-app en l'element per fer el seu encebant, vostè donar una bufetada a un ID a aquest element. Llavors, utilitzar l'arrencada() mètode en angular propi per controlar la encebant procés al temps d'execució. He provat això amb tres parts diferents web Angular en la mateixa pàgina i funciona un encant.

</final>

undefinedSubscriure's al meu blog.

Follow me on Twitter http://www.twitter.com/pagalvin