Заполнение выпадающих в angularjs

Question

Заполнение выпадающих в angularjs

0

У меня есть таблица в виде углов, построенная с помощью ng-repeat. В каждой строке таблицы есть кнопка. Если вы нажмете на кнопку, появится строка сведений.

Эта строка содержит форму и другую таблицу ng-repeat.

Во второй таблице есть кнопки для удаления и редактирования. Форма содержит два выпадающих ввода для редактирования содержимого второй строки таблицы.

Если я нажму на кнопки удаления или редактирования во второй таблице, вы должны заполнить поля формы (выпадающие списки) переданными данными. Как я буду делать это программно с помощью angularjs?

Myko 27 апр. 2016, в 09:50

Источник

0

Пожалуйста, поделитесь, что вы пробовали до сих пор?
Sajal 27 апр. 2016, в 07:19
0

Сценарий находится на компьютере без доступа в Интернет, поэтому копирование невозможно. <form> <select ng-model = "object"> <option ng-repeat = "option in options" ng-selected = "object.value == option"> </ select> </ form> Список выбора заполнен , так что опция в настройках работает правильно. Но ng-selected не является правильным. Я попробовал также параметр $ parent.object.value ==, но также не увенчался успехом.
Myko 27 апр. 2016, в 07:52

Теги:

angularjs

select

1 ответ

Ещё вопросы

Пожалуйста, поделитесь, что вы пробовали до сих пор?
Сценарий находится на компьютере без доступа в Интернет, поэтому копирование невозможно. <form> <select ng-model = "object"> <option ng-repeat = "option in options" ng-selected = "object.value == option"> </ select> </ form> Список выбора заполнен , так что опция в настройках работает правильно. Но ng-selected не является правильным. Я попробовал также параметр $ parent.object.value ==, но также не увенчался успехом.

Abhinav · Answer 1 · 2016-04-27T05-52-00.000Z

Возможно, вы пытаетесь это сделать:

<div ng-app>
  <h2>Todo</h2>
  <div ng-controller="myCtrl">
   <select ng-model="select1" ng-options="item.id as item.name for item in Items">

   </select>
   <table>
     <tr ng-repeat="item in Items">
        <td>{{item.name}}</td>
        <td><a href="#" ng-click="Edit(item)">Edit</a></td>
     </tr>
   </table>
  </div>
</div>

AngularJS

function myCtrl($scope) {
  $scope.Items = [
    {
        id: 1,
      name: "ABC"
    },
    {
        id: 2,
      name: "DEF"
    },
    {
        id: 3,
      name: "GHI"
    }
  ]
  $scope.Items.unshift({id: 0, name: '--select--'})
  $scope.select1 = 0;

  $scope.Edit = function(item) {
    $scope.select1 = item.id;
  }
}

Выбор является частью формы со всеми полями элемента (например, item.type, чтобы остаться в вашем примере). Эти поля формы отображаются как выпадающие (выбирает), и я хочу заполнить данные выбранного элемента (которые передаются с помощью Edit (элемент) в форму, отображающую данные элемента).