Ng-selected:选择控制器中的下拉菜单 - 我做错了什么?

时间:2016-07-17 19:42:57

标签: javascript angularjs json drop-down-menu

好的,我这里有一个Angular动力CRUD系统,并且除了下拉列表外,一切似乎都正常。这最初是为SQL编写的,但我在这里有一个全JSON版本http://codepen.io/StuffieStephie/pen/QEaGPY

JSON格式如此

        $scope.names = [
    {
  "id": "26",
  "name": "Lena Oxton",
  "email": "tracer@overwatch.com",
  "phone": "8003005000",
  "status": "BANNED",
  "created": "2016-07-12 03:42:50",
  "unix": "1468294848273"
}, {//MORE objects...
}];

我有一个名为' readOne'它将我想要编辑的JSON对象的值放在一个模态形式中。

   $scope.readOne = function(item){

      $scope.entry = item;
  $scope.entry.name = item.name;
  $scope.entry.email = item.email;
  $scope.entry.phone = item.phone;
  $scope.entry.status = item.status;


        // show modal
        $('#modal-volunteer-form').openModal();

 }; //  END READ ONE

除了状态(下拉列表)之外,所有这些都可以正常工作。

这是选择

<!-- STATUS SELECT FOR CREATE / UPDATE MODAL FORM -->            

    <select name="status" ng-model="entry.status">    
 <option ng-selected="{{option.value == entry.status}}" ng-repeat="option in options" value="{{option.value}}">{{option.displayName}}</option>                    
  </select>

这里是选项数组

      $scope.entry = { };

  $scope.entry.status = 'APPLIED';
  $scope.options  = [{
        value: 'APPLIED',
        displayName: 'APPLIED'
    }, {
        value: 'APPROVED',
        displayName: 'APPROVED'
          }, {
        value: 'WITHDRAWN',
        displayName: 'WITHDRAWN'
                }, {
        value: 'DISMISSED',
        displayName: 'DISMISSED'
                      }, {
        value: 'BANNED',
        displayName: 'BANNED'
    }];

您会注意到我已成功将状态设置为&#39; APPLIED&#39;在控制器中,但我似乎无法重新设置它。我是否正确使用ng-?

0 个答案:

没有答案