Question

我有一个使用AngularJS进行视图的Play框架项目。

主页面显示了一个项目列表，它有两列，一列用于项目＆＃39;名称，其他用于点击项目的详细信息。在加载时，页面已经包含了所有项目和细节，因为它包含一个包含所有信息的JSON（所以，希望我不需要另一个请求，但如果有必要，我可以这样做）< / p>

这是负责＆＃34;喂养＆＃34;带有JSON的主页：

app.controller("ListCtrl", [ "$scope", "$resource", "apiUrl",
        function($scope, $resource, apiUrl) {
            var Servicos = $resource(apiUrl + "/servicos");
            $scope.servicos = Servicos.query(); //returns a JSON
        } ]);

这是我的HTML：

<div class="row">
    <div class="col-md-3">
        <div class="bs-sidebar hidden-print" role="complementary">
            <ul class="nav bs-sidenav">
                <li><a href="/create"><i class="fa fa-plus"></i></a></li>
                <li ng-repeat="s in servicos | orderBy:'nome'"><a
                    href="/edit/{{s.id}}"><i class="fa fa-pencil"></i></a><a
                    href="" id="itemName">{{s.nome}}</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="col-md-9" role="main">

        <div class="bs-docs-section">
            <div class="page-header" id="detail">
                <!-- servicos details go here -->
            </div>
        </div>
    </div>
</div>

我想点击 itemName 链接，详细信息将显示在详细信息 div。

这可能吗？如果没有，我点击它时必须要求点击的项目信息，有人可以给我指示如何做到这一点吗？我试图为AngularJS创建一个基于AJAX的控制器，但没有成功。我们非常欢迎任何帮助！

Answer 1

听起来你需要ngInclude： https://docs.angularjs.org/api/ng/directive/ngInclude

或者，如果您在Javascript中有HTML，只想显示：https://docs.angularjs.org/api/ng/directive/ngBindHtml

使用AngularJS和AJAX在另一个div中打开单击的链接

1 个答案: