Добавление пользователей в выпадающий список не работает

Здесь работает пример codepen.

Сначала Измените html для ввода, чтобы использовать переменную области видимости:

<input ng-model="name" class="form-control" placeholder="Enter your Name">

и в контроллере:

$scope.name = "";
$scope.addNewPerson = function () {
  for (var i=0; i < $scope.contacts.length; i++) {

    if ($scope.contacts[i].name.toLowerCase() === $scope.name.toLowerCase()) {
        alert("Error, the name entered already exists");
        return;
    }
  }
  $scope.contacts.push({name: $scope.name});
};

Вышеупомянутые ответы прекрасны, я хотел бы добавить вариант использования функционального стиля программирования, поскольку я люблю это делать, и для меня он выглядит более чистым.

Посмотреть

<input ng-model="name" class="form-control" placeholder="Enter your Name">

контроллер

$scope.name = "";
$scope.addNewPerson = function () {
    var contactIndex = $scope.contacts.map(function (contact) {
        return contact.name.toLowerCase();
    }).indexOf($scope.name.toLowerCase());
    if (contactIndex === -1)
        $scope.contacts.push({name: $scope.name});
    else
        console.log("Error, the name entered already exists");
}

Несколько примечаний:

• При работе с угловыми, никогда не обращайтесь к контроллерам DOM в режиме просмотра, вместо этого используйте директивы
• Стиль функционального программирования сэкономит вам много информации
• Использование console.log вместо предупреждения повышает производительность на ок. 9000%

Вы ng-model для привязки нового имени пользователя:

<input id="name" class="form-control" placeholder="Enter your Name" ng-model="new_user_name">

Тогда в вашем js, вы должны вырваться из вашего шлюза:

$scope.person = {};

    $scope.addNewPerson = function () {
    var name = $scope.new_user_name || "";

    var match_found = false;
    for (var i=0; i <= $scope.contacts.length; i++) {

        if ($scope.contacts[i].name == name.toLowerCase()) {
            alert("Error, the name entered already exists");
            match_found = true;
            break;
        }
    }

    if (!match_found) {
            var obj1 = {name: name};
            $scope.contacts.push(obj1);
    }

};