-1

我想用包含用户对象的对象填充我的 md-autocomplete。它通过工厂以 JSON 格式检索到$scope.users. 我可以使用 Angular 查看器在控制台中检查对象。

users:
    user_id:
        display_name: "value"
        first_name: "value"
        last_name: "value"
    user_id:
        display_name: "value"
        first_name: "value"
        last_name: "value"
    etc...

我希望将模型值设置为user_id模型并将显示文本设置为display_name. 这可能吗？我已经尝试过（根据文档，只md-items需要该属性

<md-autocomplete md-items="u in users"></autocomplete>

但它什么也没做。也不遵循“基本示例”

<md-autocomplete md-selected-item="videoInfo.lineUp.1" md-search-text="looseheadSearchText" md-items="u in users" md-item-text="u.display_name"></md-autocomplete>

编辑

这是我用来获取users对象的代码：

angular.module("app").controller("MainController", ["$scope", "userRepository", function ($scope, userRepository) {
    userRepository.get(function(data) {
        $scope.users = data;
    });

app.factory("userRepository",
    function($resource) {
        return $resource("/wp-content/themes/zerif-lite-child/inc/get_users.php");
    });
4

2 回答 2

1

在提出问题之前，您应该始终先查看文档。

它说你至少需要这样的东西：

<md-autocomplete
      md-selected-item="selectedUser"
      md-search-text-change="searchTextChange(searchText)"
      md-search-text="searchText"
      md-selected-item-change="selectedItemChange(item)"
      md-items="item in querySearch(searchText)"
      md-item-text="item.display_name"
      md-min-length="0"
      placeholder="What is your favorite User?">
    <md-item-template>
      <span md-highlight-text="searchText" md-highlight-flags="^i">{{item.display_name}}</span>
    </md-item-template>
    <md-not-found>
      No states matching "{{searchText}}" were found.
    </md-not-found>
  </md-autocomplete>

希望能帮助到你

更新

searchQuery()是一个在您每次键入内容时都会调用的函数。基本上，您需要的是一个函数，如果没有写入任何内容或仅返回名称包含自动完成输入中写入的任何内容的用户，则该函数返回所有用户。

您不应该完全按照示例中所做的那样做。因为您使用的是真正的$http请求，而他们没有。他们只是在超时和地图等不同功能的帮助下模拟它。您的函数应如下所示：

$scope.searchQuery = function(searchText){
     return userRepository.get(searchText);
}

而已。

至于使用this而不是$scope，这是John Papa在他的 angular styleguide 中推荐的。他说$scope应该只在更具体的条件下使用。

于 2016-09-05T19:27:35.750 回答
0

HTML：

<md-autocomplete
    md-selected-item="videoInfo.lineUp[1]"
    md-search-text="searchText"
    md-items="item in searchQuery(searchText)"
    md-item-text="item.display">
</md-autocomplete>

角searchQuery()函数：

$scope.searchQuery = function (searchText) {
    var query = searchText.toLowerCase();
    var users = [];
    angular.forEach($scope.users,
        function (value, key) {
            // value = user object
            // key = userId
            var dN = value["display_name"];
            if (dN) {
                var obj = {};
                obj[key] = value;
                obj["display"] = dN;
                if (dN.toLowerCase().indexOf(query) !== -1) {
                    users.push(obj);
                }
            }
        });
    return users;
}
于 2016-09-10T09:57:23.633 回答