Как добавить значение текстового поля в массив при нажатии кнопки в angularjs и добавить необходимую функциональность
Привет, теперь с этим кодом я могу добавить значение текстового поля в массив и очистить текстовое поле после добавления значения в массив. Теперь мой вопрос о добавлении необходимой проверки для текстового поля. Если значение присутствует либо в текстовом поле, либо в массиве, необходимо удалить требуемую проверку. Остальное следует добавить. Пожалуйста, помогите мне.
<div class = "input-group">
<input ng-disabled = "$parent.BuildModel.DisableControl" type = "text" class = "form-control textBoxStyle " name = "Logpath" ng-model = "$parent.BuildModel.Logpath" id = "Logpath" required />
<span class = "input-group-addon ">
<button ng-click = "onclickfun();">
<i class = "glyphicon glyphicon-plus"></i>
</button>
</span>
</div>
<span ng-disabled = "$parent.BuildModel.DisableControl" class = "help-block" name = "LogPaths" id = "LogPaths" ng-model = "$parent.BuildModel.LogPaths" >{{LogPaths}}</span>
В контроллере
$scope.BuildModel.LogPaths = [];
$scope.onclickfun = function () {
if ($scope.BuildModel.LogPath.length < 0) {
Alertify.alert("Please enter log path for adding to list");
}
$scope.BuildModel.LogPaths.push($scope.BuildModel.LogPath);
console.info($scope.BuildModel.LogPaths);
$scope.BuildModel.LogPath = ClientConfig.EMPTY;
$scope.BuildModel.res = $scope.BuildModel.LogPaths.join(' ');
};
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Вы используете $parent, но вам не нужно его использовать. Я создал для этого простой пример. Вы можете увидеть пример в ЗДЕСЬ
html
<div ng-app ng-controller = "LogController">
<input ng-model = "inputData"></input>
<input type = "submit" ng-click = "addPath()" value = "add"></input>
<div ng-repeat = "log in logs">{{ log }}</div>
</div>
контролер
function LogController($scope) {
$scope.logs = [];
$scope.addPath = function () {
$scope.logs.push($scope.inputData);
$scope.inputData = null;
};
}
Привет, спасибо за ответ. Но даже если я дам $ scope.inputData = null; значение в текстовом поле не становится пустым. Теперь операция push работает нормально.
Привет, теперь я должен поместить значение в массив, а также очистить текстовое поле после его добавления в массив. Но теперь мне нужно добавить необходимое условие для поля текстового поля. Это похоже на то, что пользователь может ввести одно значение в текстовое поле или добавить другое значение с помощью кнопки добавления. Параметр required должен быть включен, если в обоих полях нет значения. Даже в одном, если он присутствует, он должен удалить требуемую функциональность. Пожалуйста, помогите мне.
вы очищаете его перед тем, как нажать на массив;
$scope.BuildModel.LogPath = "";