mahdirabbani
جمعه 10 اردیبهشت 1395, 06:47 صبح
دو تا فایل داریم.
یکی 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' می مونه!
یکی 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' می مونه!