angularjs - Angular.js - Jade, Form Submission -


i'm new angular , i'm building first realtime page based on boiler plate from:

https://github.com/jimakker/angular-express-bootstrap-seed

i'm not able first form submit. in fact, nothing happens when click button. given below relevant snippets code:

partial view:

.row form(ng-controller='registerctrl')     #accordion.panel-group            //- panel 1            .panel.panel-default             .panel-heading                 h4(class='panel-title')                     a(data-target='#collapse1', data-toggle="collapse", data-parent="#accordion", class="left-m-1em cursor-pointer") basic information             #collapse1.panel-collapse.collapse                 .panel-body                     .row                         .col-lg-2(ng-controller='dropdownctrl')                             select(id="gender", ng-model='register.gender', ng-init="getvalues('gender')", ng-options='r.value r in results track r.key', chosen, class="form-control", data-placeholder="gender", data-toggle="tooltip", data-trigger="hover", data-placement="top", title="gender")                                 option(value="")   //- more panels in between , finally, panel 6            .panel.panel-default             .panel-heading                 h4(class='panel-title')                     a(data-target='#collapse6', data-toggle="collapse", data-parent="#accordion", class="left-m-1em cursor-pointer") family             #collapse6.panel-collapse.collapse                 .panel-body                     .row                         .col-lg-3.col-lg-offset-5                             button(type="button", class="btn btn-success btn-lg", ng-click="saveprofile")                                 span(class="glyphicon glyphicon-ok-circle")                                  | submit

i looked @ rendered output , confirmed submit button indeed within form tag.

controller:

function registerctrl($scope, $http) { $scope.register = {}; $scope.saveprofile = function(item, event) {     alert("called this!");     var json = {         gender: $scope.register.gender,         marital_status: $scope.register.marital_status,         dob: $scope.register.dob,         height: $scope.register.height,         weight: $scope.register.weight,         complexion: $scope.register.complexion,         health: $scope.register.health     };      var responsepromise = $http.post("/api/register", json, {});     responsepromise.success(function(datafromserver, status, headers, config) {         console.log(datafromserver.title);     });     responsepromise.error(function(data, status, headers, config) {         alert("submitting form failed!");     });  }; } registerctrl.$inject = ['$scope', '$http'];

i'm not hitting first alert statement , i'm totally unsure why. other controller dropdownctrl (used individual form elements) works fine , i'm able populate values dynamically using controller. please me find missing piece.

the syntax ng-click="saveprofile()" rather ng-click="saveprofile"

note won't pass arguments function, if want need pass them inside markup too.


Comments

Post a Comment

Popular posts from this blog

javascript - Jquery show_hide, what to add in order to make the page scroll to the bottom of the hidden field once button is clicked -

i have button on website when clicked, reveals map. button can seen when page first loads up, when clicked, section holding map slides open , goes out of screen since page loads @ top (normal). want page scroll down bottom of div select when button pushed, if map out of screen. if page scrolled down, , clicks show map button, don't want page jump bottom of map. i tried figure out myself, no luck. seasoned jquery coders able give me guidance? many thanks! map = mapdiv.gmap3("get"); infobox = new infobox({ pixeloffset: new google.maps.size(-220, -310), closeboxurl: '', enableeventpropagation: true }); mapdiv.delegate('.infobox .close','click',function () { infobox.close(); }); jquery(".slidingdiv").hide(); jquery(".show_hide").show(); jquery('.show_hide').click(function(){ lastcenter=map.getcenter(); jquery(".slidingdiv&quo
Read more

javascript - Highcharts multi-color line -

Image
i looking create highchart multi-colored line. if goes down under value, become red, , when comes on value, become green . here picture example: or maybe highcharts have other charts models differentiate high or low level color? you can achieve coloring using lineargradient coloring: color: { lineargradient: { x1: 0, x2: 0, y1: 0, y2: 1 }, stops: [ [0, 'red'], [0.25, 'yellow'], [0.50, 'green'], [0.75, 'yellow'], [1, 'red'] ] } here 0 in stops relates minimum value of series , 1 maximum value, , in between percentages between values. if find percentages according values prior creating chart use correct stops values make relate specific values in data (at least approximately). see this jsfiddle example .
Read more

javascript - Enter key does not work in search box -

tried search guys sorry. input in search box doesnt work (or search) when hit enter when user clicks search button. doing wrong? here code. thanks. <script type="text/javascript"> $(document).ready(function() { $("#submit").click(function() { var url = "http://asla.org/awardssearch.html"; url += "?s=" + $('#googlecse').val(); window.location = url; }); $('#googlecse').keydown(function(event) { if (event.keycode == '13') { $("#submit").click(); } else { //do nothing :) } }); }); </script> <form class="navbar-form navbar-right" role="search"> <div class="search"> <input id="googlecse" type="text" onblur="if(this.value=='')this.value=this.defaultvalue;" onfocus="if(this.value==this.defaultvalue)t
Read more