如何在指令中显示对象的属性？

Question

该对象如下所示：

{"objectId":"5666759200b09f85717e8954","name":"TestNewSunflower"...

指令：

.directive('breadcrumb', function() {
            return {
                restrict: 'EA',
                template: '<ol class="breadcrumb">' +
                    '<li><a href="#/building/{{building.objectId}}">{{building}}</a></li>' +
                    '</ol>',
                scope: {
                    building: "@"

我如何使用它：

<breadcrumb building="{{building}}"></breadcrumb>

但我无法显示name属性。

我尝试building.name，building[name]但没有任何作用。

这样做的正确方法是什么？

Answer 1

在范围中使用JSON.parse，值将被视为文本。

如果您想用作对象，则必须使用angular.parse或building

进行解析

而是使用building: "=" 作为双向。

喜欢这个

<breadcrumb building="building"></breadcrumb>

然后你的html将是

{{1}}

Answer 2

使用

<breadcrumb building="building"></breadcrumb>