PHP+AngularJS：如何将Session Flashdata信息传递给AngularJS控制器函数

嘿，我看了你的代码，发现几个小问题，帮你整理了靠谱的修正方案，一步步来：

首先，修正Flashdata的判断逻辑 #

你原来用isset($this->session->flashdata('userUrl'))是不对的——flashdata()是个函数，当键不存在时它会返回null，所以直接判断返回值是否不为空就行。另外你的PHP if 语句没加大括号，逻辑会跑歪，得补上。

然后，安全把PHP变量传给AngularJS #

直接在视图里混写PHP和Angular表达式容易出问题，推荐两种稳妥的方式：

方式一：通过JS变量间接传递 #

先把Flashdata的值存成JS变量，等Angular加载好再调用函数：

<?php 
// 同时判断两个flashdata都存在
if (!empty($this->session->flashdata('userUrl')) && !empty($this->session->flashdata('passUrl'))) {
    // 转义内容防止XSS攻击
    $userUrl = htmlspecialchars($this->session->flashdata('userUrl'));
    $passUrl = htmlspecialchars($this->session->flashdata('passUrl'));
?>
<script type="text/javascript" src="<?= base_url(); ?>js/scripts/authorization.js"></script>
<script type="text/javascript">
// 等Angular初始化完成再执行
angular.element(document).ready(function() {
    // 获取控制器的scope
    var controllerScope = angular.element(document.querySelector('[ng-controller="YourControllerName"]')).scope();
    // 调用你的loginUrl函数
    controllerScope.loginUrl('<?= $userUrl; ?>', '<?= $passUrl; ?>');
    // 触发Angular的变更检测（如果需要的话）
    controllerScope.$apply();
});
</script>
<?php } ?>

方式二：用ng-init直接初始化 #

如果你的页面已经绑定了对应控制器，用ng-init更简洁：

<?php 
if (!empty($this->session->flashdata('userUrl')) && !empty($this->session->flashdata('passUrl'))) {
    $userUrl = htmlspecialchars($this->session->flashdata('userUrl'));
    $passUrl = htmlspecialchars($this->session->flashdata('passUrl'));
?>
<script type="text/javascript" src="<?= base_url(); ?>js/scripts/authorization.js"></script>
<!-- 绑定控制器并初始化调用函数 -->
<div ng-controller="YourControllerName" ng-init="loginUrl('<?= $userUrl; ?>', '<?= $passUrl; ?>')">
    <!-- 你的页面内容放这里 -->
</div>
<?php } ?>

最后别忘了几个关键点 #

• 一定要转义变量：用htmlspecialchars()处理Flashdata的值，防止XSS攻击，尤其是内容来自用户输入的时候。
• 确保Angular控制器存在：你的authorization.js里得定义好对应的控制器和loginUrl函数，比如：

angular.module('yourAppName').controller('YourControllerName', function($scope) {
    $scope.loginUrl = function(userUrl, passUrl) {
        // 这里写你的业务逻辑
        console.log('拿到的userUrl:', userUrl);
        console.log('拿到的passUrl:', passUrl);
    };
});

• 不要提前调用函数：如果Angular还没加载完就调用loginUrl会报错，方式一的angular.element(document).ready()就是为了避免这个问题。

内容的提问来源于stack exchange，提问作者Alberto José