Показывать сообщения за дни года [дублировать]

K Я решил проблему.

Прежде всего, это ng-model="{{user.domain}}" заключается не в том, как вы используете ng-модель. Мне пришлось изменить их, чтобы удалить фигурные скобки ng-model="user.domain".

Я изменил выбор как таковой:

<select id="entityDropDown" 
    ng-model="selectedUser" 
    ng-options="user as user.name for user in users" 
    ng-change="userInfo(selectedUser)">
</select>

Это моя функция контроллера:

spApp.controller('userCtrl', 
    function userCtrl($scope,siteCollection){
        $scope.users = siteCollection.getUsers();
        $scope.selectedUser = {};
        $scope.userInfo = function(user) {
            $scope.selectedUser = user;
        };

    }
);

В основном контроллер получает всех моих пользователей и помещает его в объект пользователя. Выбор осуществляется через каждого пользователя и генерирует параметры. Когда выбранный параметр изменяется, ng-change передает выбранный объект пользователя функции userInfo, а html заполняет эту информацию об объектах.

вы можете добавить ng-model="selectedUser" к своему выбору и в свой userCtrl

<!-- template.html -->
<select id="entityDropDown" ng-options="user as user.name for user in users" ng-model="selectedUser">
</select>

<div class="user-info" ng-show="selectedUser">
   <p> {{selectedUser.name}}</p>
   <!-- ... -->
</div>

в вашем контроллере

// controller.js
function userCtrl($scope, siteCollection){
    $scope.users = siteCollection.getUsers();
    $scope.$watch('selectedUser', function(oldVal, newVal) {
       if (oldVal === newVal) return;
       //do something like call JSON if need it
    });
}

Когда <select> изменяет $scope.selectedUser ] изменяется на выбранное значение. позже вы можете использовать переменную selectedUser как держатель для вашего отображения информации в другое место, например, в div.user-info, или вы можете использовать $scope.$watch('selectedUser'... для запуска других действий, таких как вызов служб или что-то еще

, используя ваш шаблон

<select id="entityDropDown" ng-options="user in users" ng-model="selectedUser">
   <!-- <option ng-repeat="user in users">{{user.name}}</option> -->
</select>

<div>
   <label for="entityId">ID: </label>
   <input type="text" id="entityId" disabled ng-model="selectedUser.id"/>
   </br>
   <label for="entityDomain">Domain: </label>
   <input type="text" id="entityDomain" disabled ng-model="selectedUser.domain"/>
</div>