根据使用ng-option从数据库(mysql)检索的数据,在下拉列表中选择特定选项

时间:2016-04-15 06:32:53

标签: php mysql angularjs model-view-controller

我需要帮助根据从数据库中检索的数据自动选择下拉列表中的选项。它用于编辑目的(编辑时,将自动检索数据以便您可以编辑)。目前,我能够从数据库中检索数据并将其放在下拉列表中。顺便说一下,我使用的是ng-option,而我使用的模型是MVC。

    <div class="col-sm-4 col-md-4">
        <div class="form-group" data-ng-init="companies = <?php echo htmlspecialchars(json_encode($this->companyList)); ?>">
            <label for="companyname">Company Name</label>
            <select class="form-control"  data-ng-options="c.id as c.company_name for c in companies track by c.id" id="companyname" name="companyname" data-ng-model="filter.company">
            </select>
        </div>
    </div>

最初,下拉列表将是这样的

Initially, the dropdown list will be like this

我想要的下拉列表

The dropdown I want

非常感谢您的帮助。谢谢。

2 个答案:

答案 0 :(得分:0)

尝试这样做

&#13;
&#13;
<select name="repeatSelect" id="repeatSelect" ng-model="data.repeatSelect">
  <option ng-repeat="option in data.availableOptions" value="{{option.id}}">{{option.name}}</option>
</select>
&#13;
&#13;
&#13;

现在,您希望显示的任何值都必须是<select>标记的ng模型。

答案 1 :(得分:0)

@kelvin&#34; filter.company&#34; ?,我认为它是一个完整的对象并且它包含公司数据,而在您选择的下拉列表中,您在模型中设置 company.id ,因此,我认为您需要替换数据 - 使用此

的ng-model
  

数据-NG-模型=&#34; filter.company.id&#34;

希望这会奏效。

由于