2

我想在列表中使用自定义标签,然后绑定到多选项列表。

   <aura:attribute name="genderOptions" type="List"
                default="[
                         {'label': {!$Label.c.DM_Gender_Male},'Value': 
                                     'Male'},
                         {'label': {!$Label.c.DM_Gender_Female}, 'value': 
                                    'Female'}
                         ]"
                />

当我尝试保存组件时,出现以下异常 (FIELD INTEGRITY EXCEPTION) Failed to save DMSegmentation.cmp: Cannot mix expression and literal string in attribute value, try rewriting like {!'foo' + v.bar}:资源

有人可以帮我解决这个问题吗?

4

2 回答 2

1

我找到了解决方案。唯一的解决方案是通过捆绑包中可用的客户端控制器访问这些列表,然后使用自定义标签填充它。否则,闪电不允许您在组件中创建的列表中使用自定义标签。必须为此使用 doInit 方法

 ({
     doInit: function(component, event, helper) {
      var values = [
        $A.get("$Label.c.DM_Gender_Male"),
         $A.get("$Label.c.DM_Gender_Female")            
      ];

      component.set('v.genderOptions', values);
   }
})
于 2018-08-16T11:48:26.580 回答
1

实际上可以在组件内部创建它。您缺少的两件事是:

  1. 引号"需要表示为 XML 转义实体。

  2. 打开和关闭大括号{ } 需要表示为自定义标签。


组件:

<aura:component >
    <aura:attribute 
     name="genderOptions"
     type="List"
     default="{! ' [ ' 
               + $Label.c.LEFT_CURLY_BRACKET 
                       + '&quot;' + 'label'                   + '&quot;' 
               + ' : ' + '&quot;' + $Label.c.DM_Gender_Male   + '&quot;' 
               + ' , ' + '&quot;' + 'value'                   + '&quot;'
               + ' : ' + '&quot;' + 'Male'                    + '&quot;'
               + $Label.c.RIGHT_CURLY_BRACKET 
               + ' , ' 
               + $Label.c.LEFT_CURLY_BRACKET 
                       + '&quot;' + 'label'                   + '&quot;' 
               + ' : ' + '&quot;' + $Label.c.DM_Gender_Female + '&quot;' 
               + ' , ' + '&quot;' + 'value'                   + '&quot;'
               + ' : ' + '&quot;' + 'Female'                  + '&quot;'
               + $Label.c.RIGHT_CURLY_BRACKET 
               + ' ] '
              }"
    />
    <aura:handler name="init" value="{!this}" action="{!c.doInit}" />
</aura:component>

自定义标签:

<?xml version="1.0" encoding="UTF-8"?>
<CustomLabels xmlns="http://soap.sforce.com/2006/04/metadata">
    <labels>
        <fullName>LEFT_CURLY_BRACKET</fullName>
        <language>en_US</language>
        <protected>false</protected>
        <shortDescription>LEFT CURLY BRACKET</shortDescription>
        <value>{</value>
    </labels>
    <labels>
        <fullName>RIGHT_CURLY_BRACKET</fullName>
        <language>en_US</language>
        <protected>false</protected>
        <shortDescription>RIGHT CURLY BRACKET</shortDescription>
        <value>}</value>
    </labels>
    <labels>
        <fullName>DM_Gender_Male</fullName>
        <language>en_US</language>
        <protected>false</protected>
        <shortDescription>DM_Gender_Male</shortDescription>
        <value>♂&lt;/value>
    </labels>
    <labels>
        <fullName>DM_Gender_Female</fullName>
        <language>zh_CN</language>
        <protected>false</protected>
        <shortDescription>DM_Gender_Female</shortDescription>
        <value>♀</value>
    </labels>
</CustomLabels>

获取属性值并将其记录在控制台中的客户端控制器:

({
    doInit : 
    function( component , event , helper ){
        var list = component.get("v.genderOptions")
        console.log( list )
        console.log( JSON.parse( list ) ) 
    }

,   f :
    function(){

    }
})

记录的结果:

在此处输入图像描述

于 2018-08-17T06:31:34.653 回答