我正在做一个应用程序,其中有一些字段,用户可以添加具有新(相同)字段的新行。
我需要让用户向 select
添加一个 option
。我知道如何在 jQuery 中制作,但我无法与 Angular 集成。如果您看到 plnkr CODE
可以看到有一个select
,最后一个是“+”。当用户单击它时,应显示从何处获取新选项文本的输入。这是用于显示的代码,它应该更改类但它不起作用,因为输入类型始终是内联的:
$(".new").on("click", function () {
var state = $(this).data('state');
state = !state;
if (state) {
$("new-option").addClass("hide");
} else {
$("new-option").removeClass("show");
}
$(this).data('state', state);
});
这是新选项的代码:
<div class="new-option">
<label> New Option </label>
<input type="text" data-ng-model="food.newOption">
<button onClick="add()">Add</button>
<script language="JavaScript">
function add() {
var newOption = '<option value="lol">' + $scope.food.newOption + '</option>';
$('.new').append(newOption);
}
有人可以帮我更改“+”键上的类,并在新选项中添加填充的输入吗?
谢谢指教!
最佳答案
这是工作演示,我已经更新了您的 html 和 app.js
app = angular.module('Test', []);
app.controller('ProductController', function($scope,$http) {
$scope.foods = [
{
"selectproduct": "",
"Quantity1": "",
"Quantity2": ""
}
];
$scope.options= ['0101003 - Min. Diet pesce 2 Scd' , '0101004 - Min. Maint pesce 4 Scm' , '0101115 - Min. Diet pesce 1.5 Scd']
$scope.cloneItem = function () {
var itemToClone = { "selectproduct": "", "Quantity1": "", "Quantity2": "" };
$scope.foods.push(itemToClone);
}
$scope.removeItem = function (itemIndex) {
$scope.foods.splice(itemIndex, 1);
}
$scope.add = function(food){
$scope.options.push(food.newOption);
food.newOption = '';
}
});
关于javascript - 添加一个选项以在 Angular 中选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33413054/