คำถามติดแท็ก angularjs

Angular.js ใช้คำสั่งหลายคำนำหน้าด้วยngเช่นด้านล่าง: ng (คำสั่งพื้นฐาน) ng-switch ng-repeat ng-view ฉันสงสัยว่าถ้าใครรู้ว่าสิ่งที่ngยืนเพราะฉันไม่สามารถหาได้ในเอกสาร มันเป็นตัวย่อสำหรับบางสิ่งบางอย่าง?

266 angularjs 

ฉันได้เห็นคำถามจำนวนหนึ่งเกี่ยวกับ StackOverflow ที่พูดถึง ng-transclude แต่ไม่มีใครอธิบายในแง่ของคนธรรมดาว่ามันคืออะไร คำอธิบายในเอกสารประกอบมีดังนี้: คำสั่งที่ทำเครื่องหมายจุดแทรกสำหรับ DOM transcluded ของคำสั่งหลักที่ใกล้ที่สุดที่ใช้การรวมข้อมูล นี่ค่อนข้างสับสน มีใครบ้างที่สามารถอธิบายในศัพท์ง่ายๆว่าตั้งใจจะทำอะไรและใช้ที่ใด

266 angularjs  angularjs-directive  transclusion 

ฉันพยายามใช้$sanitizeผู้ให้บริการและng-bind-htm-unsafeคำสั่งเพื่อให้ตัวควบคุมของฉันแทรก HTML ลงใน DIV อย่างไรก็ตามฉันไม่สามารถใช้งานได้ <div ng-bind-html-unsafe="{{preview_data.preview.embed.html}}"></div> ฉันค้นพบว่าเป็นเพราะมันถูกลบออกจาก AngularJS (ขอบคุณ) แต่ถ้าไม่มีng-bind-html-unsafeฉันจะได้รับข้อผิดพลาดนี้: http://errors.angularjs.org/undefined/$sce/unsafe

265 html  angularjs 

ให้องค์ประกอบ HTML ประเภทdivวิธีการตั้งค่าของidคุณลักษณะซึ่งเป็นการเชื่อมต่อของตัวแปรขอบเขตและสตริง?

265 javascript  angularjs  angularjs-scope  string-concatenation 

ฉันกำลังมองหาแนวทางบางอย่างที่สามารถใช้เพื่อช่วยกำหนดขอบเขตประเภทที่จะใช้เมื่อเขียนคำสั่งใหม่ โดยอุดมคติแล้วฉันต้องการบางสิ่งที่คล้ายกับผังงานที่นำฉันไปสู่คำถามมากมายและออกคำตอบที่ถูกต้อง - ไม่มีขอบเขตใหม่ใหม่ขอบเขตเด็กใหม่หรือขอบเขตแยกใหม่ - แต่มันน่าจะมากเกินไป นี่เป็นแนวทางเล็ก ๆ น้อย ๆ ของฉันในปัจจุบัน: อย่าใช้ขอบเขตแยกต่างหากหากองค์ประกอบที่จะใช้คำสั่งใช้ ng-model ดูฉันจะใช้ ng-model กับขอบเขตแยกได้หรือไม่? และ ทำไมตัวจัดรูปแบบไม่ทำงานกับขอบเขตที่แยกได้ หากคำสั่งไม่ได้แก้ไขคุณสมบัติขอบเขต / โมเดลอย่าสร้างขอบเขตใหม่ แยกขอบเขตดูเหมือนว่าจะทำงานได้ดีถ้าคำสั่งนั้นห่อหุ้มชุดขององค์ประกอบ DOM ( เอกสารระบุว่า "โครงสร้าง DOM ที่ซับซ้อน") และคำสั่งจะถูกใช้เป็นองค์ประกอบหรือไม่มีคำสั่งอื่นในองค์ประกอบเดียวกัน ฉันทราบว่าการใช้คำสั่งที่มีขอบเขตแยกบนองค์ประกอบบังคับให้คำสั่งอื่น ๆ ทั้งหมดในองค์ประกอบเดียวกันนั้นใช้ขอบเขตแยก (หนึ่ง) เดียวกันดังนั้นจึงไม่ จำกัด อย่างรุนแรงเมื่อใช้ขอบเขตแยกได้หรือไม่ ฉันหวังว่าบางอย่างจากทีม Angular-UI (หรืออื่น ๆ ที่เขียนคำสั่งมากมาย) สามารถแบ่งปันประสบการณ์ของพวกเขา โปรดอย่าเพิ่มคำตอบที่บอกว่า "ใช้ขอบเขตแยกสำหรับส่วนประกอบที่นำมาใช้ซ้ำได้"

265 angularjs  angularjs-directive  angularjs-scope 

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน6 ปีที่ผ่านมา ล็อคแล้ว คำถามและคำตอบของคำถามนี้ถูกล็อคเนื่องจากคำถามอยู่นอกหัวข้อ แต่มีความสำคัญทางประวัติศาสตร์ ขณะนี้ไม่ยอมรับคำตอบหรือการโต้ตอบใหม่ ฉันค่อนข้างใหม่กับ AngularJS และฉันรู้สึกว่ามันค่อนข้างอึดอัด สิ่งที่ง่ายนั้นง่ายมาก แต่สิ่งที่ก้าวหน้านั้นยากกว่ามาก (คำสั่งผู้ให้บริการ / โรงงาน / ... ) เอกสารไม่เป็นประโยชน์มากสำหรับคนที่เพิ่งเริ่มต้นที่จะเรียนรู้สิ่งเหล่านั้น; และฉันพบว่าตัวเองกำลังค้นหาคำสั่งอย่างต่อเนื่องสำหรับสิ่งที่ฉันต้องการแทนที่จะเขียนเอง ฉันลองใช้Ember.jsและฉันก็ทำงานได้ดีขึ้นกว่าเดิม แต่ API ยังคงมีการเปลี่ยนแปลงอย่างมีนัยสำคัญดังนั้นฉันจึงชอบที่จะข้ามไปตอนนี้ มีทรัพยากรที่ดีกว่าในการเข้าสู่ AngularJS อย่างเหมาะสมหรือไม่?

265 angularjs 

ฉันกำลังพยายามตั้งค่า AngularJS เพื่อสื่อสารกับทรัพยากรข้ามแหล่งที่ซึ่งโฮสต์สินทรัพย์ที่ส่งไฟล์เทมเพลตของฉันอยู่ในโดเมนอื่นดังนั้น XHR ขอให้ดำเนินการเชิงมุมจะต้องข้ามโดเมน ฉันได้เพิ่มส่วนหัว CORS ที่เหมาะสมลงในเซิร์ฟเวอร์ของฉันสำหรับคำขอ HTTP เพื่อให้ทำงานได้ แต่ดูเหมือนจะไม่ทำงาน ปัญหาคือเมื่อฉันตรวจสอบคำขอ HTTP ในเบราว์เซอร์ของฉัน (chrome) คำขอที่ส่งไปยังไฟล์เนื้อหาคือคำขอ OPTIONS (ควรเป็นคำขอ GET) ฉันไม่แน่ใจว่านี่เป็นข้อผิดพลาดใน AngularJS หรือไม่ถ้าฉันต้องการกำหนดค่าบางอย่าง จากสิ่งที่ฉันเข้าใจว่า XHR wrapper ไม่สามารถทำการร้องขอ OPTIONS HTTP ดังนั้นดูเหมือนว่าเบราว์เซอร์กำลังพยายามหาว่า "อนุญาต" เพื่อดาวน์โหลดเนื้อหาก่อนหรือไม่ก่อนที่จะดำเนินการตามคำขอ GET หากเป็นกรณีนี้ฉันจำเป็นต้องตั้งค่าส่วนหัว CORS (การควบคุมการเข้าถึงอนุญาตให้กำเนิด: http://asset.host .. .) กับโฮสต์สินทรัพย์ด้วยหรือไม่

264 angularjs  cors  cross-domain  preflight 

ฉันพยายามเขียนฟังก์ชั่นที่ช่วยให้ฉันสามารถลบรายการเมื่อคลิกปุ่ม แต่ฉันคิดว่าฉันสับสนกับฟังก์ชั่น - ฉันจะใช้$digestหรือไม่ HTML & app.js: <ul ng-repeat="bday in bdays"> <li> <span ng-hide="editing" ng-click="editing = true">{{bday.name}} | {{bday.date}}</span> <form ng-show="editing" ng-submit="editing = false"> <label>Name:</label> <input type="text" ng-model="bday.name" placeholder="Name" ng-required/> <label>Date:</label> <input type="date" ng-model="bday.date" placeholder="Date" ng-required/> <br/> <button class="btn" type="submit">Save</button> <a class="btn" ng-click="remove()">Delete</a> </form> </li> </ul> $scope.remove = function(){ $scope.newBirthday …

261 html  angularjs  edit 

ฉันสร้าง API ขนาดเล็กโดยใช้ Node / Express และพยายามดึงข้อมูลโดยใช้ Angularjs แต่เนื่องจากหน้า html ของฉันทำงานภายใต้ apache บน localhost: 8888 และ API ของโหนดรับฟังบนพอร์ต 3000 ฉันได้รับ 'การควบคุมการเข้าถึง - ไม่ อนุญาตให้-กำเนิด ฉันพยายามใช้ node-http-proxyและ Vhosts Apache แต่ไม่ค่อยประสบความสำเร็จโปรดดูข้อผิดพลาดและรหัสด้านล่าง XMLHttpRequest ไม่สามารถโหลด localhost: 3000 ไม่มีส่วนหัว 'Access-Control-Allow-Origin' บนทรัพยากรที่ร้องขอ Origin 'localhost: 8888' จึงไม่ได้รับอนุญาตให้เข้าถึง " // Api Using Node/Express var express = require('express'); var …

260 node.js  angularjs  rest  express  cors 

ฉันมีบริการทางเว็บบางอย่างที่ฉันต้องการโทร $resourceหรือ$httpฉันควรใช้อันไหนดี? $resource: https://docs.angularjs.org/api/ngResource/service/$resource $http: https://docs.angularjs.org/api/ng/service/$http หลังจากฉันอ่านหน้า API ทั้งสองด้านบนแล้วฉันก็หลงทาง คุณกรุณาอธิบายให้ฉันฟังเป็นภาษาอังกฤษธรรมดาอะไรคือความแตกต่างและในสถานการณ์ใดที่ฉันควรใช้ ฉันจะจัดโครงสร้างการเรียกเหล่านี้และอ่านผลลัพธ์ลงในวัตถุ js อย่างถูกต้องได้อย่างไร

257 javascript  web-services  angularjs 

เป็นไปได้ไหมที่จะลบสัญลักษณ์ # ออกจาก angular.js URL ฉันยังต้องการใช้ปุ่มย้อนกลับของเบราว์เซอร์และอื่น ๆ เมื่อฉันเปลี่ยนมุมมองและจะอัปเดต URL ด้วย params แต่ฉันไม่ต้องการสัญลักษณ์ # tutorialProProider มีการประกาศดังนี้: angular.module('phonecat', []). config(['$routeProvider', function($routeProvider) { $routeProvider. when('/phones', {templateUrl: 'partials/phone-list.html', controller: PhoneListCtrl}). when('/phones/:phoneId', {templateUrl: 'partials/phone-detail.html', controller: PhoneDetailCtrl}). otherwise({redirectTo: '/phones'}); }]); ฉันสามารถแก้ไขสิ่งนี้เพื่อให้มีฟังก์ชันการทำงานเดียวกันโดยไม่มี # ได้หรือไม่

257 angularjs  url  ngroute 

ด้วยAngularJSฉันใช้ng-classวิธีต่อไปนี้: <div class="bigIcon" data-ng-click="PickUp()" ng-class="{first:'classA', second:'classB', third:'classC', fourth:'classC'}[call.State]"/> ฉันสงสัยว่าฉันสามารถใช้การif-elseแสดงออกเพื่อทำสิ่งที่คล้ายกับนี้: <div class="bigIcon" data-ng-click="PickUp()" ng-class="{first:'classA', second:'classB', else:'classC'}[call.State]"/> ดังนั้นเมื่อใดที่call.Stateแตกต่างจากfirstหรือsecondใช้classCและหลีกเลี่ยงการระบุแต่ละค่า

257 angularjs  ng-class 

ฉันมีวง foreach เชิงมุมและฉันต้องการที่จะแยกออกจากวงถ้าฉันตรงกับค่า รหัสต่อไปนี้ใช้งานไม่ได้ angular.forEach([0,1,2], function(count){ if(count == 1){ break; } }); ฉันจะได้รับสิ่งนี้ได้อย่างไร

256 angularjs  javascript-framework 

ฉันมีชุดข้อมูลในหน่วยความจำประมาณ 1,000 รายการและกำลังพยายามสร้างเพจเจอร์สำหรับชุดข้อมูลนี้ แต่ฉันไม่แน่ใจว่าจะทำอย่างไร ฉันใช้ฟังก์ชันตัวกรองที่กำหนดเองเพื่อกรองผลลัพธ์และใช้งานได้ดี แต่อย่างใดฉันก็ต้องใช้จำนวนหน้าออกมา เบาะแสใด ๆ

254 angularjs  pagination 

ฉันมีฟังก์ชั่นภายในตัวควบคุมเชิงมุมของฉันฉันต้องการให้ฟังก์ชันนี้ทำงานบนเอกสารพร้อม แต่ฉันสังเกตเห็นว่าแองกูลาร์นั้นทำงานตามที่สร้างขึ้น function myController($scope) { $scope.init = function() { // I'd like to run this on document ready } $scope.init(); // doesn't work, loads my init before the page has completely loaded } ใครรู้ว่าฉันจะไปเกี่ยวกับเรื่องนี้?

254 javascript  angularjs  onload