Nano Hash - криптовалюты, майнинг, программирование

md-autocomplete не отображается на HTML-странице

Я использую этот код для поиска состояний, поскольку пользователь вводит имя состояния в поле автозаполнения. Я получаю результаты на консоли, но текст элемента HTML не отображается.

<md-content class="md-padding">                         
    <form ng-submit="$event.preventDefault()">                               
      <md-autocomplete                                   
          md-no-cache="true"
          md-selected-item="$ctrl.displayStates[$index].state"                                    
          md-search-text="$ctrl.searchText"
          md-items="item in $ctrl.querySearch($ctrl.searchText)"
          md-item-text="item.display"
          md-min-length="0"
          placeholder="Select Role?">{{item.display}}
        <md-item-template>
          <span md-highlight-text="$ctrl.searchText" md-highlight-flags="^i">{{item.display}}</span>
        </md-item-template>
        <md-not-found>
          No role matching "{{$ctrl.searchText}}" were found.
          <a ng-click="$ctrl.manageRoles('ADD')">Create a new one!</a>
        </md-not-found>
      </md-autocomplete>
    </form> 
    </md-content>

JS

Извините, ранее я разместил неправильный код JS

$ctrl.querySearch=function(query) {     
      var results = query ? $ctrl.states.filter( createFilterFor(query) ) : $ctrl.states,deferred;      
          console.log("With my Testings --->",results);
        return results;
    }

function loadAll() {
  var allStates = 'Alabama, Alaska, Arizona, Arkansas, California, Colorado, Connecticut, Delaware,\
          Florida, Georgia, Hawaii, Idaho, Illinois, Indiana, Iowa, Kansas, Kentucky, Louisiana,\
          Maine, Maryland, Massachusetts, Michigan, Minnesota, Mississippi, Missouri, Montana,\
          Nebraska, Nevada, New Hampshire, New Jersey, New Mexico, New York, North Carolina,\
          North Dakota, Ohio, Oklahoma, Oregon, Pennsylvania, Rhode Island, South Carolina,\
          South Dakota, Tennessee, Texas, Utah, Vermont, Virginia, Washington, West Virginia,\
          Wisconsin, Wyoming';

  return allStates.split(/, +/g).map( function (state) {
    return {
      value: state.toLowerCase(),
      display: state
    };
  });
}

function createFilterFor(query) {
  var lowercaseQuery = angular.lowercase(query);

  return function filterFn(state) {
    return (state.value.indexOf(lowercaseQuery) === 0);
  };

}

  • пожалуйста, опубликуйте states и функцию createFilterFor 28.08.2017

Ответы:


1

Изменить на value

<md-content class="md-padding">                         
    <form ng-submit="$event.preventDefault()">                               
      <md-autocomplete                                   
          md-no-cache="true"
          md-selected-item="displayStates[$index].state"                                    
          md-search-text="searchText"
          md-items="item in querySearch(searchText)"
          md-item-text="item.value"
          md-min-length="0"
          placeholder="Select Role?">{{item.value}}
        <md-item-template>
          <span md-highlight-text="searchText" 
                md-highlight-flags="^i">{{item.value}}</span>
        </md-item-template>
        <md-not-found>
          No role matching "{{searchText}}" were found.
          <a ng-click="manageRoles('ADD')">Create a new one!</a>
        </md-not-found>
      </md-autocomplete>
    </form> 
    </md-content>

Демо Codepen


Я пропустил $ctrl только для целей тестирования

28.08.2017
  • @ Максим Шоустин Извините, раньше я разместил неправильный код JS, теперь я разместил правильный, поэтому я не могу использовать item.value 28.08.2017
  • Код @ Максима Шоустина кажется в порядке, но я использую Angular Library 1.5.8 и библиотеку материалов 1.1.4, а показанное вами кодовое перо использует библиотеку материалов 1.0.0, а angular 1.4.8 вызывает проблему. 28.08.2017
  • @VishalArthamwar, лол. все еще работает: codepen.io/Fess-81/pen/PKymZN?editors=1010 28.08.2017
  • @VishalArthamwar, может быть, какая-то проблема стиля с кнопкой закрытия 28.08.2017
  • @ Максим Шоустин мой код под ng-repeat отображать данные в формате таблицы под тегами tr и td заключается в том, что Проблема 28.08.2017
  • @VishalArthamwar, приятель, я опубликовал ответ на основе твоего вопроса и твоего фрагмента кода. Я не вижу тегов ng-repeat, ..... и td . Пожалуйста, удалите свой вопрос и задайте новый или измените его. 28.08.2017
  • @ Максим Шоустин Спасибо за помощь из-за вашего кода. Я мог думать по-другому, пока не подумал, что это проблема с версиями, я нашел проблему. Эта проблема связана с тем, что я поставил md-autocomplete на в верхней части модального содержимого начальной загрузки. Итак, мой список заполняется за модальным. Теперь я пытаюсь найти решение. Пожалуйста, помогите мне, если вы знаете решение для этого 29.08.2017
  • Новые материалы

    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..