ng-init не работает для инициализации данных в выпадающем списке (угловой)

Question

Я пытаюсь инициализировать данные в выпадающем списке, и я попробовал все возможные способы, но ничего:

<select ng-init= "account.username = githubaccounts[0].username" data-ng-model="account" data-ng-options="account.username for account in githubaccounts"
                    class="btn btn-default" data-container="body">

            </select>

<div class="form-group" ng-show="account.username == 'Other'">
            <label for="groupNameTxt">Group Name:</label>
            <input type="text" class="form-control" name="groupNameTxt" id="groupNameTxt" placeholder="Enter Group Name..." ng-model="group.groupName">
          </div>

Другой способ, которым это работает, состоит в следующем:

<select class="btn btn-default" data-container="body"
          ng-init="githubaccounts[0].username" ng-model="account">
        <option ng-repeat="account in githubaccounts" value="">
                    {{account.username}}
        </option>
</select>

Но тогда ng-show не работает:

Есть идеи? Большое спасибо.

Answer 1

Сделайте следующие изменения в коде

<select ng-init= "anyModelVariable.username = githubaccounts[0].username" data-ng-model="anyModelVariable.username " data-ng-options="account.username for account in githubaccounts"
class="btn btn-default" data-container="body">
</select>

Изменения: 1. использовать другую переменную в ng-модели, отличную от учетной записи.

2. инициализировать эту же переменную ng-модель с помощью githubaccounts[0].username.