javascript - Angularjs 组合框键值

Question

我正在使用 Angularjs，并且有一个下拉框，其中列出了多个项目。如果用户需要的项目不在列表中，我需要允许用户输入数据。这可能吗？我该怎么做？

Answer 1

试试这个

<强> Working Demo

html

<div ng-app="myapp">
    <fieldset ng-controller="FirstCtrl">
        <select ng-options="p.name for p in people" ng-model="selectedPerson"></select>

        <br>
            Name:<input type="text" ng-model="name"/>
            <button ng-click="add(name)">Add</button>
    </fieldset>
</div>

脚本

var myapp = angular.module('myapp', []);
myapp.controller('FirstCtrl', function ($scope) {
    $scope.people = [{
        name: 'John'
    }, {
        name: 'Rocky'
    }, {
        name: 'John'
    }, {
        name: 'Ben'
    }];

    $scope.add = function(value)
    {
        var obj= {};
        obj.name = value;        
        $scope.people.push(obj); 
        $scope.name = '';
    }
});