获取对象 #<Object> 在 Ember 中没有方法“map”

Getting Object #<Object> has no method 'map' in Ember

本文关键字：有方法 map Ember 取对象 Object 获取      更新时间：2023-09-26

我有一个应用程序.js像这样，

App = Ember.Application.create();
App.Model = Ember.Object.extend({
});
App.IndexRoute = Ember.Route.extend({
    redirect : function() {
        this.transitionTo('users');
    }
});
App.UsersController = Ember.ObjectController.extend({
        filteredContent : function() {
            var searchText = this.get('searchText'), regex = new RegExp(searchText, 'i');
            return this.get('model').filter(function(item) {
                return regex.test(item.name);
            });
        }.property('searchText', 'model')
});
App.User = App.Model.extend({
    id : null,
    firstname : null,
    email : null
});
App.UsersRoute = Ember.Route.extend({
    model : function() {
        return App.User.findAll();
    }
});
App.UserRoute = Ember.Route.extend({
    model : function(params) {
      //var everyone = this.controllerFor('users');
      return App.User.findBy('id', params.user_id);
    }
});

App.User.reopenClass({
    findAll : function() {
        return $.getJSON("http://pioneerdev.us/users/index", function(data) {
            return data.map(function(row) {
                return App.User.create(row);
            });
        });
    }
});

App.Router.map(function() {
    this.resource('users', function() {
        this.resource('user',{path: '/:user_id'});
    });
});

.HTML

<script type="text/x-handlebars" data-template-name="users">
            {{input type="text" value=searchText}}
            {{#each item in filteredContent }}
            <tr><td>
              {{#link-to 'user' item}} <p>{{item.firstname}}</p>{{/link-to}}
            </td></tr>
            {{/each}}
            {{outlet}}
        </script>

     <script type="text/x-handlebars" data-template-name="user">
    <h2>
        {{email}}
   </h2>
    </script>

我在 Chrome 上收到这样的错误， 

Uncaught TypeError: Object #<Object> has no method 'map'

火狐给了我，TypeError: data.map is not a function

这是 JSON 的示例，

{"users":[{"id":"1","firstname":"Marilyn","lastname":"Hughes","address":"4 Johnson Alley","state":"Utah","country":"US","email":"lfreeman@skyvu.info","phone":"6471228888","experience":"5","designation":"Writer"},{"id":"2","firstname":"John","lastname":"Porter","address":"86228 Commercial Court","state":"Pennsylvania","country":"US","email":"jporter@zoomdog.net","phone":"9018889877","experience":"3","designation":"Design"},{"id":"3","firstname":"Frances","lastname":"Johnson","address":"489 Summit Lane","state":"Minnesota","country":"US","email":"fjohnson@teklist.net","phone":null,"experience":"2","designation":"Script"}]}

可能是什么问题？我很确定这是.getJSON的问题。

我应该使用data.users.map而不是data.map吗？但是当我使用它时，我在这一行上出现错误，

return this.get('model').filter(function(item) {

谚语

Uncaught TypeError: Object #<Object> has no method 'filter'

是的，您需要使用 data.users.map ，因为您需要在控制器的模型属性中包含一个元素数组。

Uncaught TypeError: Object #<Object> has no method 'filter'错误是因为，this.get('model')没有data.users data。所以Object类没有一个叫做filter的方法，只是Array。该数据从$.getJSON().then()用数据解析的方法返回：

$.getJSON().then(function(data) {
  // something like this is made by ember
  // controller.set('model', data);
});

你需要data.users作为余烬对象。

所以我将您的代码更新为以下内容：

App.User.reopenClass({
    findAll : function() {
        return new Ember.RSVP.Promise(function(resolve, reject) {
            $.getJSON("http://pioneerdev.us/users/index", function(data) {
                var result = data.users.map(function(row) {
                    return App.User.create(row);
                });
                // here we resolve the array with ember objects
                // so you will have this.get('model') filled with array of users
                resolve(result);
            }).fail(reject);
        });
    }
});

使用RSVP.Promise是个好主意，因为这是 ember 使用的 promise api。

这是显示这个工作 http://jsfiddle.net/marciojunior/HtJEh/的小提琴

相关文章：