如何绑定已经绑定的变量的一部分

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'; 
};