رتبه موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
مشکل ajax در angularjs
#1
Exclamation 
در قطعه کد زیر اگر مقدار pageNumber تغییر کنه ، نتیجه هیچ تغییری نمی کنه.

مثلا: پیش فرض ما صفحه ی 10 رو نشون میده ولی اگر مدل pageNumber تغییر کنه باز هم صفحه ی 10 رو نشون میده!


app.controller('pageCtrl', function ($scope, $location, $http) {
   $scope.pageNumber = 10;
   $http.get("server.php?page=" + $scope.pageNumber)
       .then(function(response) {
           $scope.pageContent = response.data;
});

میتونید بگید مشکلش چیه؟
پاسخ
تشکر شده توسط:
#2
توضیحات بیشتر:
دو تا فایل داریم یکی index.html هست و محتواش اینهاست:
<!DOCTYPE html>
<html ng-app="app" ng-controller="pageCtrl">
<head>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
</head>
<body>
  <input type="number" ng-model="pageNumber" />
  <div>{{pageContent}}</div>
<script>
var app = angular.module('app', []);
app.controller('pageCtrl', function ($scope, $location, $http) {
   $scope.pageNumber = 10;
   $http.get("server.php?page=" + $scope.pageNumber)
       .then(function(response) {
           $scope.pageContent = response.data;
       });
});
</script>
</body>
</html>
و یک فایل دیگه server.php هست و محتواش اینهاست:
<?php
$page = 'Content of: '.$_GET['page'];
echo $page;

مشکل اینه که اگر ما عدد داخل کادر input رو تغییر بدیم، مقدار داخل div هیچ تغییری نمی کنه و همون 'Content of: 10' می مونه!
پاسخ
تشکر شده توسط:




کاربران در حال بازدید این موضوع: 1 مهمان