如何綁定已經綁定的變量的一部分

Question

我有一個循環ng-repeat，它顯示了幾個圖標。

<div class="box"> 
    <div class="box-body"> 
     <div class="row" > 
      <div class="col-sm-6" style="margin-bottom: 5px;" ng-repeat="record in newlayout.display" align="center"> 
       <a class="btn btn-app" ng-href="#newlayout/{{newlayout.url}}{{newlayout.itemValue}}" > 
        <span class="badge bg-yellow" style="font-size:22px;">{{record.numberOfSamples}}</span> 
        <i class="fa fa-{{newlayout.labStyle}}"></i> {{record.lab}} 
       </a> 
      </div> 
     </div> 

    </div> 
</div> 

我的問題是，綁定變量項目值的第二部分應該是動態的

在我的JS，我有這個

newLayout.url = 'sublabs/?labName='; 
    newLayout.itemValue = 'record.lab'; 

的URL是動態的。 當我點擊第一個顯示的圖標，則URL應該是這樣的：

但因爲我有一個編譯錯誤，它沒有工作..

是否有人有一個想法，如何解決這一問題：

http://localhost:8181/#/newlayout/sublabs?labName=PIA/C1 - Shiftlabo 

記錄值「PIA/C1 - Shiftlabo」發生變化的地方。

所以基本上在這裏，如果我改變

<a class="btn btn-app" ng-href="#newlayout/{{newlayout.url}}{{newlayout.itemValue}}" > 

{{newlayout.itemValue}}通過{{record.lab}}將work..but的{{record.**lab**}}應該是動態的，因爲這將有另一個值，當我點擊該圖標。它會變成{{record.subLab}}

感謝

Answer 1

使用property acccessor bracket notation裏面的結合：

<div>{{record[labOrSublab]}}</div> 

JS

var isSublab = false; 
$scope.labOrSublab = "lab"; 

$scope.clickHandler = function() { 
    isSublab = !isSublab; 
    $scope.labOrSublab = isSublab ? 'subLab' : 'lab'; 
};