无法在AngularJS中使用ng-model编辑选择选项

Question

我有一个选择，使用ng-model调用选项。 它可以完美地工作，但是现在我试图使用带有模型选项的输入来编辑数组中的选项列表，但它不起作用。

长话短说，输入的内容将选项显示为逗号分隔的值，但是一旦我编辑了列表，选择就会中断。 您可以明白我在这个Plunker中的意思。

js看起来像这样：

var Select = function($scope) {

$scope.options =
[
    "I live here!",
    "By Boat",
    "By Car",
    "By Plane",
    "By Bike",
    "By Bus",
    "Hitchhiking",
    "Other"
];      

$scope.form = {type : $scope.options[0]}; 
};

和html：

 <form class="col-md-12" ng-controller="Select">

 <select class="form-control" ng-model="form.type" ng-options="opt for opt in options"> 
 </select>

 <textarea ng-model="options" class="form-control"></textarea>

 </form>

我想念什么？

Answer 1

问题是一旦您编辑模型，它就不再是数组，而是存储为字符串。 在文本框下方添加<p> {{ options }} </p> ，您会看到会发生什么。 您需要做的是将字符串解析为数组，您可以通过编写与ng-change或指令绑定的方法来实现。