คลังเก็บรายเดือน: มกราคม 2015

HTTP 406 ข้อผิดพลาดเมื่อใช้ $http.get แองกูลาร์กับ SharePoint เหลือจุด

โปรแกรมปรับปรุง: Ndersson AD มาร์คชี้ให้เห็นชิ้นส่วนของข้อมูลนี้ดี: http://blogs.office.com/2014/08/13/json-light-support-rest-sharepoint-api-released/. ที่อธิบายมาก :).

ที่อาจเป็นเรื่องเลวร้ายที่สุดของบล็อกโพสต์เคย! Anyhoo.

โดยทั่วไปทำต้นแบบของฉันกับอินสแตนซ์ของ O365 ทั้งหมด. มีอินสแตนซ์ของฉันส่วนบุคคลเพื่อให้ไม่ต้องกังวลเกี่ยวกับผลกระทบต่อใคร. เป็นพังเพย – จำเมื่อเราเรียกมีรอบเครื่องเสมือนบนแล็ปท็อปของเรากับมอส – SQL Server, IIS, ไฮเปอร์-V เทียบกับการตัดสินใจ. VMWare? Anyhoo ...

ฉันได้พัฒนา app ใช้เชิงมุมในสภาพแวดล้อมนี้ไม่, ในสิ่งอื่น ๆ, นี้:

$http.get(serverUrl)
.ประสบความสำเร็จ(ฟังก์ชัน(ข้อมูล, สถานะ, หัวข้อ, การกำหนดค่า) {

var getLinksResponse =ข้อมูล;

getLinksResponse.value.forEach(ฟังก์ชัน(theResult) {

// และอื่น ๆ และอื่น ๆ froth

นี้ทำงานเพียงแค่ปรับในสองแตก SharePoint ออนไลน์. อย่างไรก็ตาม, เมื่อเพื่อนร่วมงานของฉันส่งมันไปที่อินสแตนซ์ Cloudshare, เขาได้รับการ HTTP 406 ข้อผิดพลาด (ซึ่งเป็นครั้งแรกที่เคยได้ที่หนึ่งหรือไม่, ดังนั้น...เย่, ฉันเดาเอา). เราได้บิตของการวิจัย และพบว่า หัวข้อ "ยอมรับ" ถูกปิด. SharePoint แบบออนไลน์ได้อย่างมีความสุขกับ:

ยอมรับ: แอพลิเคชัน/เจซัน

แต่อินสแตนซ์ cloudshare (ซึ่งเป็น SP ในเปรม, โฮสต์ในเซิร์ฟเวอร์เสมือน) ต้องคลาสสิค " odata = verbose " เพิ่มในเช่น:

ยอมรับ: แอพลิเคชัน/เจซัน;odata = verbose

การแก้ไขปัญหานั้น, เราได้เพิ่มหัวข้อเช่น:

กำหนดค่า var = {หัวข้อ: {
'ยอมรับ': ' แอพลิเคชัน/เจซัน;odata = verbose'
}
};

$http.get(serverUrl,การกำหนดค่า)
.ประสบความสำเร็จ(ฟังก์ชัน(ข้อมูล, สถานะ, หัวข้อ, การกำหนดค่า) {

var getLinksResponse =ข้อมูล;

getLinksResponse.value.forEach(ฟังก์ชัน(theResult) {

// และอื่น ๆ และอื่น ๆ froth

ที่ได้รับการกำจัด 406, แต่ยังเปลี่ยนแปลงรูปแบบของการตอบสนอง. ก็เพิ่มเติม... verbose. (ฮาฮา!) เปลี่ยนแปลงที่ถูกต้อง และนี่คือผลลัพธ์ขั้นสุดท้าย:

กำหนดค่า var = {หัวข้อ: {
'ยอมรับ': ' แอพลิเคชัน/เจซัน;odata = verbose'
}
};

$http.get(serverUrl,การกำหนดค่า)
.ประสบความสำเร็จ(ฟังก์ชัน(ข้อมูล, สถานะ, หัวข้อ, การกำหนดค่า) {

var getLinksResponse =ข้อมูล;

getLinksResponse.d.results.forEach(ฟังก์ชัน(theResult) {

// และอื่น ๆ และอื่น ๆ froth

นี้เปิดเข้าไปในตัว 30 ปัญหานาทีสำหรับเรา, ดังนั้น เรา lucked ออก. หวังว่าคนพบนี้มีประโยชน์.

</สิ้นสุด>

วิธี: เปิดใช้งานหลายแองกูลาร์ SharePoint Web Parts บนเพจเดียวกัน

บล็อกนี้โพสต์อธิบายวิธีคุณสามารถมีหลาย web part ของ SharePoint โดยใช้ Angular.js (อ้างอิงผ่าน web part ตัวแก้ไขเนื้อหา) ในหน้าเดียวกัน. ฉันกำลังเรียก web part ตัวแก้ไขเนื้อหา (CEWP) ที่อ้างอิงถึงจาวาสคริปต์ที่สร้างขึ้นโดยใช้กรอบ Angular.js เป็น "แองกูลาร์กัน"

เชิงมุมของกระบวนการเริ่มต้นระบบจะง่ายสุด และเพียงเกี่ยวกับทุกอย่างที่คุณพบ internets ไปเหมือน:

<html ng app = "myApp">

<บลา /><บลา /><บลา />

</html>

นี้แบ่ง, อย่างไรก็ตาม, ถ้าคุณต้องการเปิดใช้งานหลายแองกูลาร์ web parts บนเพจเดียวกันแสดงหลาย CEWP. เชิงมุมจะเท่าโดยอัตโนมัติ bootstrap กับคำสั่ง ng app แรกจะค้นหา – น้อย ณรุ่นแองกูลาร์ 1.3.6. การแก้ปัญหาง่าย – bootstrap ของแทนด้วยตนเอง. ข้างตอนนี้เปลี่ยนเป็นดังนี้:

<เนื้อความ>
<d
รหัส iv =”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, คุณตบรหัสลงในองค์ประกอบที่. แล้ว, ใช้ bootstrap การ() วิธีการในแองกูลาร์เพื่อควบคุม bootstrapping ประมวลผลในขณะทำงาน. ผมได้ทดสอบนี้ มี 3 ส่วนเว็บแองกูลาร์ที่แตกต่างกันในหน้าเดียวกัน และการทำงานคือ.

</สิ้นสุด>

undefinedสมัครสมาชิกไปยังบล็อกของฉัน.

ทำตามฉันใน Twitter ที่ http://www.twitter.com/pagalvin