Question

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

Answer 1

试试这个

<强> 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 = '';
    }
});

Answer 2

您似乎想要标记小部件。也许看angular-tags你可以完成你想要的东西

Angularjs组合框键值

2 个答案: