通NG-重複變量

Question

我的$ scope變量是：

$scope.content = [{name:"data1", ap_name:"api1"}, 
       {name:"data1", ap_name:"api1"}, 
       {name:"data1", ap_name:"api1"}] 

我的HTML是

<div class="contatiner" ng-repeat="data in content"> 
    <chart chartdata="data.ap_name"></chart> 
</div> 

我想追加一個字符串到我所傳遞chartdata數據。它應該顯示爲：

<chart chartdata="dataapi1"></chart> 

任何想法我該怎麼做？我繼續想在範圍變量中進行更改，我故意這樣做。

假設我已經在指令中設置了範圍，並且圖表指令都很好。

Answer 1

您應該在指令定義代碼中使用@。

例如：

在你的指令代碼：

scope : { 
    chartdata : '@chartdata' 
    ... 
}, 
controller : function ($scope) { 
    // $scope.chartdata should be a string 
} 

在你的HTML：

<div class="contatiner" ng-repeat="data in content"> 
    <chart chartdata="{{data.ap_name}}"></chart> 
</div> 

Answer 2

您可以級聯的額外字符串your_model + 'additional string'

chartdata="data.ap_name + 'additional string'" 

而在你的指令，你會被

scope : { 
    chartdata : '=' // it is equivalent to '=chartdata' 
    ... 
} 

Demo