如何将连接字符串作为angularjs中的变量读取?

时间:2015-11-20 10:09:27

标签: angularjs angularjs-scope angularjs-ng-repeat angularjs-controller angular-material

在我定义的角度控制器中

$scope.flag1 = false;
$scope.flag2 = false;
$scope.flag3 = false;

我需要在我的视图页面中读取这些变量,如下所示

<div flex="30" flex-sm="100" ng-repeat="shortListLoad in user.shortListLoads">
 <md-icon id = "{{'flag'+shortListLoad.id}}">
 </md-icon>
</div>

事情是id =“{{'flag'+ shortListLoad.id}}”带来id ='flag2'而不是id ='false'。

如何获取id ='false'?请帮帮我?

2 个答案:

答案 0 :(得分:1)

另一种方式是

<md-icon id = "flag{{id}}"> {{id}}</md-icon>

工作plunkr:http://plnkr.co/edit/1ufO3CJoUefVb2wDr4TZ?p=preview

答案 1 :(得分:0)

如果我理解你的问题,你想输出到id flag1,或flag2或flag3 ..

不建议使用带角度绑定的函数,但你可以这样做。

$scope.getFlag = function(id){
    return 'flag'+id;
};

并在您的视图中

 <div flex="30" flex-sm="100" ng-repeat="shortListLoad in user.shortListLoads">
     <md-icon id = "{{getFlag(shortListLoad.id)}}">
     </md-icon>
 </div>