تالار گفتمان nCIS.ir

در قطعه کد زیر اگر مقدار 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;
});

میتونید بگید مشکلش چیه؟

توضیحات بیشتر:
دو تا فایل داریم یکی 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' می مونه!

mahdirabbani

mahdirabbani