javascript - ng-repeat PHP 变量

Question

我在 ng-repeat 和 ng-init 方面遇到问题。当我在代码(project.content)中询问内容和 ID 时，它不会向我显示内容和 ID。但它也不显示文本本身。所以某个地方出了问题。请注意，我默认使用 Angular 的其他打开和关闭标签。

当我收到此控制台错误时，Angular 在代码中看到的内容与浏览器或我所看到的不同:

http://errors.angularjs.org/1.2.12/$parse/ueoe?p0=projects%20%3D%20%7B

<table ng-init="projects = {" id":"1","content":"testtesttest"}="" "="">

我怎样才能让它发挥作用？

HTML 代码:

<div ng-app="overviewApp">
    <table  ng-init="projects = <?=json_encode($projects)?> ">
        <tr ng-repeat="project in projects">
            <td>[{[project.content]}]</td>
        </tr>
    </table>
</div>

在浏览器源代码中看起来像这样:

    <!-- BEGIN PAGE CONTENT-->
    <div class="row">
        <div class="col-md-12">
            <div class="content-section">
                <div ng-app="overviewApp">
<table  ng-init="projects = {"id":1,"content":"TestTestTest"} ">
    <tr ng-repeat="project in projects">
        <td>[{[project.content]}]</td>
    </tr>
</table>
</div>

Answer 1

它无法解析它，因为它看到双引号内有双引号。尝试使用单引号。

<table  ng-init='projects = <?=json_encode($projects)?> '>

此外，您还必须确保 projects 采用数组格式，如下所示:

ng-init='projects = [{"id":1,"content":"TestTestTest"}]'

最后，由于您使用的是自定义插值提供程序 {[{ 和 }]}，因此您必须在配置中定义它:

app.config(['$interpolateProvider', function ($interpolateProvider) {
    $interpolateProvider.startSymbol('[{[');
    $interpolateProvider.endSymbol(']}]');
}]);

查看其工作情况:DEMO

或者，我建议使用 ng-bind 指令，而不是使用插值标记，如下所示:

<td><span ng-bind="project.content"></span></td> 

查看DEMO .

注意:AngularJS documentation建议使用 ng-init 指令上的 Controller 来初始化作用域上的值。