Javascript 如何从文本框中接受多个关键字并将它们附加到.js中？

我想在一个文本框中接受来自用户的多个关键字，每个关键字都被一个enter键接受，并且每个关键字都必须附加到Angularjs ng应用程序中。其目的是将所有关键字绑定到一个JSON字符串中。我可以为1个关键字执行此操作，但无法为多个关键字扩展相同的逻辑。 请注意：我不想使用按钮附加关键字，我希望在用户点击enter键时发生这种情况。当他点击backspace按钮时，应该从数组/列表/数据结构中删除关键字

在stackoverflow和其他所有可能的网站上，我已经讨论了几乎每一个问题，并尝试了许多选项，例如.push（），“+”，.concat（）[当然，这些选项都不起作用]。什么都没用。我意识到我希望在回车键上进行追加，而不是单击提交按钮，因为我还有3个这样的字段将遵循相同的过程

HTML:

---

要获得预期结果，请使用下面的使用ng keydown的选项来选中Enter key

防止表单在输入时使用提交

使用keydown事件检查输入键和运行搜索方法

ng keydown=“搜索（$event）”

创建$scope.keywords数组以推送每个关键字

$scope.keywords=$scope.keywords | |[]； $scope.keywords.push（$scope.input\u字段）

代码笔-

var mainApp=angular.module（“mainApp”，[]）；
mainApp.controller（'searchController'，函数（$scope，$http）{
$scope.search=函数（e）{
如果（e.code===‘输入’）{
如果（$scope.input_field==null）{
警报（“不能为空！”）；
}
否则{
var scopeItem=$scope.input_字段；
$scope.keywords=$scope.keywords | |[]；
$scope.keywords.push（$scope.input\u字段）
scopeItem.toJSON；
scopeItem=JSON.stringify（{“关键字”：$scope.keywords}）；
//var res=$http.post（'https:/something'，scopeItem，{headers:{'Content-Type'：'text/plain'}}）{
//$scope.message=数据；
// });
警报（“请稍候，我们正在处理您的标签！”）；
警报（范围项目）；
console.log（scopeItem）；
$scope.input_字段=“”；
}
}
}
});

非常感谢您@ShivikaP，如果我的帖子有助于解决你的问题，请将其标记为答案