angularjs - Dynamic dropdown not working on submit in angular js -
adding combobox or deleting combobox on clicking submit isn't working. calling function in scope when submit clicked.
<html lang="en"> <head> <meta charset="utf-8"> <title>text box</title> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js"></script> <script> angular.module('controllerasexample', []).controller('settingscontroller1', function ($scope) { $scope.combobox = [] $scope.adddropdown = function () { $scope.combobox.push(''); } $scope.deletedropdown = function (index) { $scope.combobox.splice(index, 1); } }); </script> </head> <body ng-app="controllerasexample"> <div id="ctrl-as-exmpl" ng-controller="settingscontroller1"> <input type="text" ng-repeat="dropdown in combobox track $index" /> <select ng-model="newvalue" ng-options="n in n[]"></select> <input type="submit" ng-submit="adddropdown()" value="add" /> <input type="submit" ng-submit="deletedropdown()" value="delete" /> </div> </body>
you should change ng-submit
ng-click
.
Comments
Post a Comment