AngularJs ng-init函数在Wordpress中使用PHP参数

Question

我需要将php变量作为参数传递给angulaJs函数。但是我没有在Angularjs函数中获得Wordpress参数。我在AngularJs函数中得到undefined。

我的代码：

<div class="ind-wrapper" data-ng-controller="mainController" data-ng-init="init(<?php echo get_the_title(); ?>)">
</div>

AngularJs功能：

这里我得到的标题名称是未定义的

$scope.init = function (titlename) 
    {
        alert(titlename)
    }

请帮助!!

Answer 1

您需要正确编码回显变量，例如使用json_encode函数，这将确保您的标题具有正确的引号：

data-ng-init="init(<?php echo json_encode(get_the_title()); ?>)"

如果你知道标题不包含特殊字符或其他引号，你也可以这样做：

data-ng-init="init('<?php echo get_the_title(); ?>')"