Хобрук: Ваш путь к мастерству в программировании

проверено и выбрано в HTML для ввода, не работают с AngularJS

Я изучаю AngularJS и пользовательский ввод. В моем коде я попытался установить состояние по умолчанию для выпадающего меню и переключателя с «выбранным» и «отмеченным».

Однако они не работают вместе с атрибутом «ng-model».

Кроме того, для первого переключателя (по возрастанию) атрибут пустого значения, кажется, мешает с атрибутом "checked".

Может ли кто-нибудь объяснить, почему это происходит и как обойти эту проблему?

<div class="search">
<h1>Artist Directory</h1>

  <label> Search: </label>
      <input ng-model="query" placeholder="Search for artists" autofocus> 
  <label class="formgroup">by: 
      <select ng-model="listOrder" name="direction">
          <option  value ="name" selected="selected"> Name</option>
          <option value="reknown"> Reknown</option>
      </select>
  </label>

  <label class="formgroup">
         <input ng-model="direction" type="radio" value=" " checked>   Ascending
   </label>

  <label class="formgroup">
        <input ng-model="direction" type="radio" value="reverse"> Descending
  </label>

</div>
input html angularjs radio option
03.03.2015

  • пожалуйста, предоставьте скрипку. это поможет нам помочь вам :) 03.03.2015

Ответы:


1

привяжите свою пуговицу и выберите к нг-модели. Значения по умолчанию - это значения, которые вы вводите в модель при первом создании области. Затем значения обновляются, когда пользователь нажимает:

function test($scope) {
  $scope.selected = ['1','3'];
  $scope.checked = "green";
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script>

<div ng-app>
  <h2>Todo</h2>
  <div ng-controller="test">
            <select name="" ng-model="selected" multiple>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
        </select>
      <br><br>
      <input type="radio" ng-model="checked" value="red">  Red <br/>    
      <input type="radio" ng-model="checked" value="green"> Green <br/>
      <input type="radio" ng-model="checked" value="blue"> Blue <br/>
         
         
        <br>
        Selected : {{selected}}
        <br>
        Checked : {{checked}}
  </div>
</div>

Посмотрите, как это работает: http://jsfiddle.net/913n30zf/

03.03.2015

2

Select в AngularJS выглядит так:

<select ng-model="selectedOpt"
      ng-options="opt for opt in listOrder">
</select>

И обратно в контроллер, который вы установили

$scope.selectedOpt = $scope.listOrder[0];

какой вариант вы хотите выбрать по умолчанию.

03.03.2015
Новые материалы
Решения DBA Metrix
DBA Metrix Solutions предоставляет удаленного администратора базы данных (DBA), который несет ответственность за внедрение, обслуживание, настройку, восстановление базы данных, а также другие..
Начало работы с Блум
Обзор и Codelab для генерации текста с помощью Bloom Оглавление Что такое Блум? Некоторые предостережения Настройка среды Скачивание предварительно обученного токенизатора и модели..
Создание кнопочного меню с использованием HTML, CSS и JavaScript
Вы будете создавать кнопочное меню, которое имеет состояние наведения, а также позволяет вам выбирать кнопку при нажатии на нее. Финальный проект можно увидеть в этом Codepen . Шаг 1..
Внедрите OAuth в свои веб-приложения для повышения безопасности
OAuth — это широко распространенный стандарт авторизации, который позволяет приложениям получать доступ к ресурсам от имени пользователя, не раскрывая его пароль. Это позволяет пользователям..
Классы в JavaScript
class является образцом java Script Object. Конструкция «class» позволяет определять классы на основе прототипов с чистым, красивым синтаксисом. // define class Human class Human {..
Как свинг-трейдеры могут использовать ИИ для больших выигрышей
По мере того как все больше и больше профессиональных трейдеров и активных розничных трейдеров узнают о возможностях, которые предоставляет искусственный интеллект и машинное обучение для улучшения..
Как построить любой стол
Я разработчик программного обеспечения. Я люблю делать вещи и всегда любил. Для меня программирование всегда было способом создавать вещи, используя только компьютер и мое воображение...