时间戳

首页 > 解决方案 > 将 PHP 变量传递给 AngularJS 变量

javascript - 将 PHP 变量传递给 AngularJS 变量

问题描述

使用 AngularJS 数据绑定，我想num1 * num2作为用户类型返回num2；num1是一个 PHP 变量（用户不能更改）。接下来，如何将 PHP 变量传递给 Angular js？， 我试过了：

<!doctype html>
<html>
  <head>
    <title>AngularJS App</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
  </head>    
  <body>
    <? php $num1 = 5;?>
    <div ng-app="myApp" ng-controller="myCtrl">
    <form action="/action_page.php">
    <div id="num1">
      Num1: <div ng-model="num1" ng-init="num1('<?php echo $num1?>')">
      </div>
      Num2: <div id="num2" ng-model="num2">
        <input type="number">
      </div>
      Multiplied: {{num1 * num2}}
        <input type="submit" value="Submit">      
    </div>
  </form>
  </div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.num1 ;
  $scope.num2 ;
});
</script>
</body>
</html>

假设预设 PHP 变量，我如何将 PHP 变量传递num1给 AngularJS 应用程序num1=5？

标签： javascriptangularjs

解决方案

更改ng-init="num1('<?php echo $num1?>')">为ng-init="num1 = '<?php echo $num1; ?>' ">

推荐阅读