Question

我试图在<script>内使用数据绑定。

<ol class="breadcrumb"></ol>
<div class=heading><h2>{{current.name}}</h2>
...
    <script>
    $(function(){
            $(".breadcrumb").append('<li><a href="#!/categories"> Ledige stillinger</a></li>');
            $(".breadcrumb").append('<li><a href=#!/categories/{{current.keyname}}>{{current.name}}</a></li>');
        });
    </script>
</div>

我的结果是： Ledige stillinger（这没关系！）/ {{current.name}}（这里应该是名字，它在h2里面工作）

我做错了什么？

Answer 1

我的回答是按预期使用AngularJS，并将DOM单向绑定到模型值。如果有多个带有“breadcrumb”类的元素，则将这些元素添加到控制器范围内的集合中，并使用ng-repeat指令将它们全部渲染出来，然后将“li”标记附加到此模板。

请参阅此plunkr示例：http://plnkr.co/edit/0T6ldRzSTCnVIKnn3WRh 看看app.js和以下标记：

<ul class="breadcrumb"> <li><a href="/categories/{{current.keyname}}">{{current.name}}</a></li> </ul>

JS中的数据绑定（AngularJS）

1 个答案: