javascript - AngularJS property not bound on first call -

-

i'm brand new angularjs , i'm trying implement simple binding.

i have html (simplified): 

<html ng-app>   <div id="divcontroller" ng-controller="myctrl">     <input type="button" ng-click="getnumbers();" />       <input type="text" value="{{numbers.total}}" />   </div> </div>

and controller this:

function myctrl($scope) {  $scope.numbers = new object();   $scope.getnumbers = function() {      $.ajax({         type: "post",         url: "page.aspx/getcurrentnumbers",         data: '{name: "test"}',         contenttype: "application/json; charset=utf-8",         datatype: "json",         success: onsuccess,         failure: function (response) {             alert(response.d);         }     }); }  function onsuccess(response) {      var returnvalue = json.parse(response.d);     alert(returnvalue.total);     $scope.numbers = returnvalue; } }

first time click button nothing happens, on second click input value gets updated. both times alert outputs same value.

why not bind on first click?

you're making http call outside world of angularjs using directly jquery function. angularjs can't refresh alone template based on $scope vars updates done on jquery ajax onsuccess callback ...

it's when doing second ng-click angular @ $scope variables see if changed (digest cycle)

so, correct problem: stop using jquery $.ajax , use angular internal mechanisms of $http or ngresource ($http + more features). way angular know must update templates on http success/fail


Comments

Post a Comment

Popular posts from this blog

java - HTTP Status 500 - An exception occurred processing JSP page /second.jsp at line 15 -

-
this question has answer here: what nullpointerexception, , how fix it? 12 answers i have 4 pages on jsp web project student showing details db.. have used tomcat web server. index.html <body> <h1> student search page</h1> <form action="second.jsp"> <h2> enter id search details</h2> <input type=text name=id1 /> <br/> <input type=submit value=search /> </form> </body> second.jsp <body> <% string id =(request.getparameter("id1")); studentdao std=new studentdao(); student s=std.searchinfo("id"); %> <h1> <%=s.showstudent()%></h1> </body> student.java import java.io.*; public class student implements serializable { string name; string id1,phone,clas; ...
Read more

php - Using str_replace to translate a MySQL Table in html -

-
i have website contains pricelist of cs:go items. now, how did this: mysql db w/ prices --> select db x ( item name ) --> echo table ( works fine ) now want translation of item names. how planned it: mysql db --> $result= ( signature character ) --> $translate = str_replace (signature character $result) however, there's issue code or str_replace think. $translate returns $result no filtering. <?php require 'lang.php'; $servername = "localhost"; $username = ""; $dbname = ""; $password = ""; // create connection $conn = new mysqli($servername, $username, $password, $dbname); // check connection if ($conn->connect_error) { die("connection failed: " . $conn->connect_error); } // filter name $sql = "select name, price utf name 'k%'"; $result = $conn->query($sql); // translate $tr = str_replace('k','karambit','$result'); // ech...
Read more

asp.net mvc - Cannot display error message on Editor or EditorFor -

-
in mvc application, can display error messages inputs i.e. textboxfor , dropdownlist , etc. however, using same approach, cannot show validation error kendo().editor() or kendo().editorfor() . tried validationmessage beside validationmessagefor , not make sense. might problem be? view: <script type="text/javascript"> $(function () { //for using kendo validation: $("form").kendovalidator(); }); </script> //validation works textboxfor, dropdownlist, etc.: @html.labelfor(m => m.summary) @html.textboxfor(m => m.summary, new { maxlength = 50, @class = "k-textbox"}) @html.validationmessagefor(m => m.summary) //validation not work editor or editorfor: @html.labelfor(m => m.description, new { maxlength = 1000, @class = "editor-label" }) @(html.kendo().editor() //@(html.kendo().editorfor(m=>m.description) //also tried .name("description") .htmlattributes(new { @class...
Read more