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

ng-repeatสคริปต์ด้านล่างแสดงรถเข็นร้านใช้ สำหรับแต่ละองค์ประกอบในอาร์เรย์จะแสดงชื่อรายการจำนวนและผลรวมย่อย ( product.price * product.quantity) วิธีที่ง่ายที่สุดในการคำนวณราคารวมขององค์ประกอบซ้ำคืออะไร? <table> <tr> <th>Product</th> <th>Quantity</th> <th>Price</th> </tr> <tr ng-repeat="product in cart.products"> <td>{{product.name}}</td> <td>{{product.quantity}}</td> <td>{{product.price * product.quantity}} €</td> </tr> <tr> <td></td> <td>Total :</td> <td></td> <!-- Here is the total value of my cart --> </tr> </table>

107 angularjs  angularjs-ng-repeat 

ดังนั้นฉันจึงมีสถานการณ์ที่ฉันมีโซ่สัญญาหลายอันที่ไม่ทราบความยาว ฉันต้องการให้ดำเนินการบางอย่างเมื่อ CHAINS ทั้งหมดได้รับการประมวลผลแล้ว เป็นไปได้หรือไม่? นี่คือตัวอย่าง: app.controller('MainCtrl', function($scope, $q, $timeout) { var one = $q.defer(); var two = $q.defer(); var three = $q.defer(); var all = $q.all([one.promise, two.promise, three.promise]); all.then(allSuccess); function success(data) { console.log(data); return data + "Chained"; } function allSuccess(){ console.log("ALL PROMISES RESOLVED") } one.promise.then(success).then(success); two.promise.then(success); three.promise.then(success).then(success).then(success); $timeout(function () …

107 angularjs  promise  angular-promise 

ดูตัวอย่างได้ที่นี่: http://docs.angularjs.org/api/ng.filter:filter คุณสามารถค้นหาโดยใช้คุณสมบัติโทรศัพท์ใดก็ได้โดยใช้<input ng-model="search">และคุณสามารถค้นหาด้วยชื่อโดยใช้<input ng-model="search.name">และผลลัพธ์จะถูกกรองตามชื่ออย่างเหมาะสม (การพิมพ์หมายเลขโทรศัพท์ไม่ได้ผลลัพธ์ใด ๆ ตามที่คาดไว้) สมมติว่าฉันมีโมเดลที่มีคุณสมบัติ "ชื่อ" คุณสมบัติ "โทรศัพท์" และคุณสมบัติ "ความลับ" ฉันจะกรองคุณสมบัติทั้ง "ชื่อ" และ "โทรศัพท์" ได้อย่างไรไม่ใช่คุณสมบัติ"ความลับ" เหรอ? ดังนั้นโดยพื้นฐานแล้วผู้ใช้สามารถพิมพ์ชื่อหรือหมายเลขโทรศัพท์และng-repeatตัวกรองจะถูกต้อง แต่แม้ว่าผู้ใช้จะพิมพ์ค่าที่เท่ากับส่วนหนึ่งของค่า "ความลับ" แต่ก็จะไม่ส่งคืนอะไรเลย ขอบคุณ.

107 angularjs 

ด้วยเหตุผลบางประการเมื่อฉันทำการทดสอบในที่ทำงานเบราว์เซอร์จะขยายใหญ่สุด แต่เมื่อฉันเรียกใช้ที่บ้านมันจะเปิดหน้าต่างเบราว์เซอร์ที่มีความกว้างประมาณ 50% เท่านั้น สิ่งนี้ทำให้เกิดความคลาดเคลื่อนในการเลื่อนลง ฯลฯ ดังนั้นฉันจึงอยากให้เปิดหน้าต่างเบราว์เซอร์ที่มีขนาดเท่ากันในทุกเครื่องที่ทำการทดสอบ วิธีใดดีที่สุดในการทำเช่นนี้ (ฉันพบคำตอบสำหรับภาษาอื่น ๆ แต่ไม่สามารถปรับให้เข้ากับจาวาสคริปต์ได้) การเพิ่ม browser.executeScript('window.moveTo(0,0);'+ 'window.resizeTo(screen.width, screen.height);'); ไม่ทำอะไรเลย (เห็นได้ชัดwindow.moveToและwindow.resizeToยังไม่ได้รับการสนับสนุนโดยโครเมี่ยม)

107 javascript  angularjs  selenium-webdriver  webdriver  protractor 

ฉันพยายามแสดงไฟล์ pdf ซึ่งฉันได้รับเป็นหยดจากการ$http.postตอบสนอง pdf ต้องแสดงภายในแอพโดยใช้<embed src>ตัวอย่างเช่น ฉันเจอโพสต์สแต็กสองสามโพสต์ แต่ตัวอย่างของฉันดูเหมือนจะไม่ได้ผล JS: ตามเอกสารนี้ฉันพยายามต่อไป ... $http.post('/postUrlHere',{myParams}).success(function (response) { var file = new Blob([response], {type: 'application/pdf'}); var fileURL = URL.createObjectURL(file); $scope.content = fileURL; }); จากสิ่งที่ฉันเข้าใจfileURLสร้าง URL ชั่วคราวที่บล็อกสามารถใช้เป็นข้อมูลอ้างอิงได้ HTML: <embed src="{{content}}" width="200" height="200"></embed> ฉันไม่แน่ใจว่าจะจัดการสิ่งนี้อย่างไรใน Angular สถานการณ์ที่ดีที่สุดคือ(1)กำหนดขอบเขตให้(2) 'เตรียม / สร้างใหม่' หยดเป็น pdf (3)ส่งต่อไปยัง HTML โดยใช้<embed>เพราะฉัน ต้องการแสดงภายในแอป ฉันค้นคว้ามานานกว่าหนึ่งวันแล้ว …

107 angularjs  pdf  blob 

<img ng-src="dynamically inserted url"/>ฉันมีภาพที่มองเช่น เมื่อโหลดภาพเดียวฉันต้องใช้วิธีการรีเฟรช iScroll () เพื่อให้สามารถเลื่อนภาพได้ วิธีใดที่ดีที่สุดในการทราบเมื่อรูปภาพโหลดจนเต็มเพื่อเรียกใช้การโทรกลับ

106 javascript  html  angularjs 

ฉันกำลังจัดเก็บสตริงต้นทางของรูปภาพที่จะแสดงเป็น HTML ในตัวควบคุม AngularJS แต่จะให้ 404 ก่อนที่ตัวควบคุมเชิงมุมจะเริ่มต้น นี่คือ HTML: <div ng-controller="Cont"> <img src="{{imageSource}}"> </div> ตัวควบคุมเชิงมุม: var Cont = function($scope) { $scope.imageSource = '/tests.png'; } และข้อผิดพลาดที่ฉันได้รับ ( %7D%7Dสอดคล้องกับ{{ในเทมเพลต) GET https://localhost:9000/%7B%7BimageSource%7D%7D 404 (Not Found) ฉันจะป้องกันไม่ให้สิ่งนี้เกิดขึ้นได้อย่างไร นั่นคือโหลดภาพเมื่อเริ่มต้นตัวควบคุม Angular เท่านั้น?

106 javascript  http-status-code-404  angularjs 

การส่ง "กระแส" $scopeไปยังบริการ AngularJS ถูกต้องหรือไม่ ฉันอยู่ในสถานการณ์ที่ฉันใช้บริการ $ โดยรู้ว่ามันถูกใช้โดยคอนโทรลเลอร์เพียงตัวเดียวและฉันต้องการอ้างอิงถึงขอบเขตของคอนโทรลเลอร์ในวิธีการบริการของ $ เอง นี่ถูกต้องตามหลักปรัชญาหรือไม่? หรือฉันจะดีกว่าที่จะถ่ายทอดกิจกรรมไปยัง $ rootScope แล้วทำให้คอนโทรลเลอร์ของฉันฟังมัน

106 angularjs  data-binding  angularjs-scope  angular-services 

ฉันใช้ $ q.all ใน angularjs แล้ว แต่ฉันไม่สามารถทำให้โค้ดทำงานได้ นี่คือรหัสของฉัน: UploadService.uploadQuestion = function(questions){ var promises = []; for(var i = 0 ; i < questions.length ; i++){ var deffered = $q.defer(); var question = questions[i]; $http({ url : 'upload/question', method: 'POST', data : question }). success(function(data){ deffered.resolve(data); }). error(function(error){ deffered.reject(); }); promises.push(deffered.promise); …

106 angularjs  promise  q 

ปิด . คำถามนี้จะต้องมีมากขึ้นมุ่งเน้น ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เน้นไปที่ปัญหาเดียวโดยแก้ไขโพสต์นี้เท่านั้น ปิดให้บริการใน3 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันเพิ่งเริ่มพัฒนาเว็บและจนถึงตอนนี้ฉันรู้ว่า: HTML - รูปแบบของเว็บไซต์ CSS - ทำให้ดูสวย JavaScript - ฟังก์ชันการทำงาน แล้วjQuery , AngularJSและNode.jsคืออะไร? หลังจากทำการค้นหาอย่างรวดเร็วฉันพบว่า jQuery คือ "ไลบรารี JavaScript" AngularJS คือ "เฟรมเวิร์กแอปพลิเคชันเว็บส่วนหน้าแบบโอเพนซอร์สที่ใช้ JavaScript" และ Node.js คือ "สภาพแวดล้อมรันไทม์ JavaScript" ดูเหมือนว่าทั้งหมดจะเกี่ยวข้องกับ JavaScript ดังนั้นจึงเป็นภาษาใหม่หรือไม่? 'framework / library' หมายถึงอะไร? คำตอบง่ายๆจะได้รับการชื่นชม (ฉันเพิ่งเริ่มเขียนโปรแกรมบนเว็บ แต่ฉันคุ้นเคยกับการเขียนโปรแกรม)

106 javascript  jquery  html  angularjs  node.js 

ฉันมีโรงงานเดียวที่กำหนดด้วย ngResource: App.factory('Account', function($resource) { return $resource('url', {}, { query: { method: 'GET' } }); }); ฉันโทรหลายครั้งไปยังวิธีการสืบค้นที่กำหนดไว้ในโรงงานนี้ การโทรอาจเกิดขึ้นแบบอะซิงโครนัสได้ แต่ฉันต้องรอให้ทั้งสองสายเสร็จสิ้นก่อนดำเนินการต่อ: App.controller('AccountsCtrl', function ($scope, Account) { $scope.loadAccounts = function () { var billingAccounts = Account.query({ type: 'billing' }); var shippingAccounts = Account.query({ type: 'shipping' }); // wait for both calls to complete …

105 angularjs 

$dirtyฉันกำลังอัปเดตโปรแกรมบางส่วนของเขตข้อมูลในรูปแบบของฉันที่มีค่าและฉันต้องการที่จะตั้งรัฐสนาม ทำสิ่งที่ชอบ: $scope.myForm.username.$dirty = true; ดูเหมือนจะไม่ได้ผล มีวิธีการ$setPristineที่ฉันสามารถใช้เพื่อรีเซ็ตสถานะของฟิลด์ แต่ไม่มี$setDirtyวิธีใด? แล้วเราจะทำสิ่งนี้ได้อย่างไร? ฉันเห็นโพสต์นี้https://groups.google.com/forum/#!topic/angular/NQKGAFlsln4แต่ดูเหมือนจะหา$setDirtyวิธีไม่ได้ ฉันใช้ Angular เวอร์ชัน 1.1.5

105 angularjs 

ในเอกสารสำหรับไม้โปรแทรกเตอร์ฉันเห็นตัวอย่างต่อไปนี้: describe('by model', function() { it('should find an element by text input model', function() { var username = element(by.model('username')); username.clear(); username.sendKeys('Jane Doe'); var name = element(by.binding('username')); expect(name.getText()).toEqual('Jane Doe'); }); สิ่งที่ปรากฏชัดเจนที่นี่คือคุณสามารถใช้ "by.model" เพื่อกำหนดค่าในช่องป้อนข้อมูล แต่ถ้าคุณต้องการดูที่ช่องป้อนข้อมูลและดูว่ามีอะไรอยู่คุณต้องใช้ "by.binding" ฉันมีชุดรหัสที่ (โดยสรุป) ฉันทำ: element(by.model('risk.name')).sendKeys('A value'); expect(element(by.model('risk.name')).getText()).toEqual('A value'); (ในรหัสจริงของฉันฉันบันทึกเอนทิตีจากนั้นกลับมาที่โหมดแก้ไขและฉันกำลังตรวจสอบว่าค่าของฉันถูกบันทึกจริง แต่มันก็ยังคงเดือดเหมือนเดิมและโค้ดตัวอย่างนี้ก็ให้ปัญหาเดียวกัน) สิ่งนี้ทำให้ฉันมีข้อผิดพลาด: Error: Expected '' to equal 'A …

105 angularjs  protractor 

ถ้าProtractorกำลังแทนที่ Angular Scenario Runner สำหรับการทดสอบ E2E นั่นหมายความว่าฉันจะยังสามารถใช้กับKarmaเป็นกรอบการทดสอบ E2E ของฉันได้หรือไม่

104 javascript  angularjs  testing  protractor  karma-runner 

ฉันกำลังดำเนินการพิสูจน์แนวคิดโดยใช้ Angular JavaScript จะแก้จุดบกพร่องของโค้ด JavaScript เชิงมุมในเบราว์เซอร์ต่างๆ (Firefox และ Chrome) ได้อย่างไร

104 debugging  google-chrome  firefox  angularjs  browser