個々の値を使用できるように、配列をテンプレートに取得しようとしています。私の問題は、属性がテンプレート内で一度文字列に変わるため、{{var[0]}} としてアクセスできなくなり、代わりに「文字列」の最初の文字、通常は「[」を返すことです。
以下は、データの単純化されたセットアップです。
"varForward": ["100", "1"],
"varBack": ["1", "100"]
以下は、そのデータとやり取りする HTML ファイルの簡略化された部分です。
<my-customer-vars value="{{varForward}}">
</address-numbers>
<my-customer-vars value="{{varBack}}">
</address-numbers>
最後に、カスタムタグを自分のものに置き換えることがサポートされている部分を次に示します。
directive('myCustomerVars', function($compile) {
return {
restrict: 'E',
scope: {
value: "@"
},
template:
'<div>'+
'<p class="body-text">Some stuff goes here</p>'+
'<input type="text" name="firstinput" value="{{value[0]}}"> - '+
'<input type="text" name="secondinput" value="{{value[1]}}">'+
'</div>',
replace: true
}
});
それで、ここにいます。 value[0] を使用しようとすると [ value[1] を取得しようとすると " などとなります。ディレクティブのテンプレート内で配列を使用する際に何か助けはありますか?