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

How to display the property of an object in a directive?

本文关键字：对象 属性 显示 指令      更新时间：2023-09-26

对象如下所示：

{"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]，但都不起作用。

做这件事的正确方法是什么？

在作用域中使用@，值将被视为文本。

如果你想用作对象，你必须使用JSON.parse或angular.parse 进行解析

相反，使用building作为双向。

像这个

building: "="

然后你的html将是

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

使用

<breadcrumb building="building"></breadcrumb>
相关文章：