How to add text-box value to array on button click event in angularJS?Ask Questions

 Posted on 07/11/2018

How to add text-box value to array on button click event in angularjs. And the value in the text-box should be emptied after adding. I tried with this code but ng-click itself is not working

<div class="input-group">
    <input ng-disabled="$parent.BuildModel.DisableControl" type="text" class="form-control textBoxStyle "
 name="Path" ng-model="$parent.BuildModel.Path" id="Path" required />
    <span class="input-group-addon ">
        <button ng-click="addPath1();">
            <i class="glyphicon glyphicon-plus"></i>
        </button>
    </span>
</div>
<span ng-disabled="$parent.BuildModel.DisableControl" class="help-block" name="Paths" id="Paths" 
ng-model="$parent.BuildModel.Paths" >{{Paths}}</span>

in controller

$scope.BuildModel.Paths = [];
        $scope.BuildModel.Path = "";
$scope.addPath1 = function () {
            if ($scope.path) {
                $scope.BuildModel.Paths.push($scope.BuildModel.Path);

console
.log($scope.BuildModel.Paths); } };
Share On: facebook gplus twitter
profile
Asked by hardik chaudhary on 07/11/2018 Score: 454 points
Add Comment:

Comments

0 Answers

0 Corrected Answers

Post Your Answers

Existing Members

Sign in to your account
Email Address
Password
New Member?
Sign up and complete profile
Full Name
Email Address
I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the StoodQ newsletters
Guideline to answer a question:

Useful tips to submit your answer
Please read below guidelines before you submit your answer for question.

  • Read and understand question for which you are submitting your answer.
  • Try to avoid grammatical and spell mistake while answering.
  • Do not post any irrelevant information in your answer.
  • Explain your answer with example or any reference link to help who posted question.
  • If you find irrelevant question, please report it to support. Click here to contact support.
  • You agree to the privacy policy and terms of use to submit any contents.

Note: StoodQ is online developers community which helps developer for their difficulty, lets help them with your value contribution.