Question

您好我正在开发一个angular2应用程序，并希望显示我的服务返回的数据的值。当我做一个循环并通过插值显示它，即双花括号括号时，我能够看到数据。但是我需要将它分配给googlemap api的属性。我不认为数据是通过不使用插值的正常循环渲染的。我该如何确定？以下是我的代码。请注意纬度和经度是型号。

使用这段代码正确呈现数据

<ul>
    <li *ngFor="let d of data">

        <p>{{d.Latitude}}</p>
        <p>{{d.Longitude}}</p>
    </li>
</ul>

我认为使用这段代码无法呈现任何内容。问题是我需要将它分配给第三方api的属性。 Test1和Test2将数字作为值。

<sebm-google-map [latitude]="0"
                  [longitude]="0"
                  [zoom]="1">
     <div *ngFor="let d of data">


         <sebm-google-map-marker *ngIf=  "d.Latitude"
                                 [latitude]="d.Latitude"
                                 [longitude]="d.Longitude">

         </sebm-google-map-marker>

     </div>
 </sebm-google-map>

Answer 1

属性绑定仅适用于要在组件之间传递数据的元素级别，因为您打算对内部元素内容进行属性绑定，它不会评估它认为是文本的属性绑定，并将按页面打印。

在这种情况下，您希望将其传递给第三方组件，因此属性绑定应该放在如下的元素上。

<third-party-component [test1]="d.data1" [test2]="d.data2">
</third-party-component>

在Angular2

1 个答案: