更新服务中的属性的数组元素时发生错误(Error Occurs While Updating an Array Element for a Property inside Service)
export default Ember.Service.extend({
currentQuizIndex: 0,
quizzes: [
{
answer: '',
inspected: true,
rects: [],
selected: false,
src: '/assets/images/sample-image0.jpg'
},
{
answer: '',
inspected: true,
rects: [],
selected: false,
src: '/assets/images/sample-image1.jpg'
},
{
answer: '',
inspected: false,
rects: [],
selected: false,
src: '/assets/images/sample-image2.jpg'
}
],
...
我想通过提供索引来更新图像选择状态，所以我声明了以下函数，
highLightQuiz(index) { const target = this.get('quizzes').objectAt(index); console.log(target); // DO produce the desired target element target.set('selected', true); },但是，它会产生Uncaught TypeError（见下文）
quiz-list.js:78 Uncaught TypeError: target.set is not a function at Class.highLightQuiz (quiz-list.js:78) at Class.click (image-thumbnail.js:87) at Class.trigger (ember.debug.js:41454) at Class.superWrapper [as trigger] (ember.debug.js:39636) at Backburner.run (ember.debug.js:720) at Backburner.join (ember.debug.js:746) at Function.run.join (ember.debug.js:21556) at ember.debug.js:41584 at Object.flaggedInstrument (ember.debug.js:17747) at Object.handleEvent (ember.debug.js:41583)在控制台中，我可以看到有一个名为set selected: GETTER_FUNCTION()的方法set selected: GETTER_FUNCTION() 。 我错过了什么吗？
export default Ember.Service.extend({ currentQuizIndex: 0, quizzes: [ { answer: '', inspected: true, rects: [], selected: false, src: '/assets/images/sample-image0.jpg' }, { answer: '', inspected: true, rects: [], selected: false, src: '/assets/images/sample-image1.jpg' }, { answer: '', inspected: false, rects: [], selected: false, src: '/assets/images/sample-image2.jpg' } ], ...
I would like to update the image selected state by providing an index, so I declare the following function,
highLightQuiz(index) { const target = this.get('quizzes').objectAt(index); console.log(target); // DO produce the desired target element target.set('selected', true); },However, it produce an Uncaught TypeError (see below)
quiz-list.js:78 Uncaught TypeError: target.set is not a function at Class.highLightQuiz (quiz-list.js:78) at Class.click (image-thumbnail.js:87) at Class.trigger (ember.debug.js:41454) at Class.superWrapper [as trigger] (ember.debug.js:39636) at Backburner.run (ember.debug.js:720) at Backburner.join (ember.debug.js:746) at Function.run.join (ember.debug.js:21556) at ember.debug.js:41584 at Object.flaggedInstrument (ember.debug.js:17747) at Object.handleEvent (ember.debug.js:41583)In the console, I can see there is a method called set selected: GETTER_FUNCTION(). Did I miss anything?
最满意答案
要检索给定索引处的数组内容，
highLightQuiz(index) { let temp = this.get('quizzes').objectAt(index); console.log(temp); // ensure target element exists Ember.set(temp,'selected',true) }参考
编辑：错误的原因是， quizzes数组包含正常的JS对象。 如果它是Ember.Object那么您将能够访问属性上的get和set函数。
如果您的quizzes属性初始化如下，您的代码将起作用，
import Ember from 'ember'; export default Ember.Service.extend({ currentQuizIndex: 0, quizzes: [ Ember.Object.create({ answer: '', inspected: true, rects: [], selected: false, src: '/assets/images/sample-image0.jpg' }), Ember.Object.create({ answer: '', inspected: true, rects: [], selected: false, src: '/assets/images/sample-image1.jpg' }), Ember.Object.create({ answer: '', inspected: false, rects: [], selected: false, src: '/assets/images/sample-image2.jpg' }) ], highLightQuiz(index) { const target = this.get('quizzes').objectAt(index); console.log(target); // DO produce the desired target element target.set('selected', true); console.log(' target ',target); }, });To retrieve array content at the given index,
highLightQuiz(index) { let temp = this.get('quizzes').objectAt(index); console.log(temp); // ensure target element exists Ember.set(temp,'selected',true) }Reference
EDIT: Reason for the error is, quizzes array contains normal JS object. if it is Ember.Object then you will be able to access get and set function on the properties.
Your code will work if you got quizzes property initialized like below,
import Ember from 'ember'; export default Ember.Service.extend({ currentQuizIndex: 0, quizzes: [ Ember.Object.create({ answer: '', inspected: true, rects: [], selected: false, src: '/assets/images/sample-image0.jpg' }), Ember.Object.create({ answer: '', inspected: true, rects: [], selected: false, src: '/assets/images/sample-image1.jpg' }), Ember.Object.create({ answer: '', inspected: false, rects: [], selected: false, src: '/assets/images/sample-image2.jpg' }) ], highLightQuiz(index) { const target = this.get('quizzes').objectAt(index); console.log(target); // DO produce the desired target element target.set('selected', true); console.log(' target ',target); }, });更多推荐
发布评论