将 ng-click 参数对象键绑定到范围属性？

Question

我正在尝试将具有可变键的对象传递给 ng-click 方法。在常规 javascript 中，您只需这样做：

var x = "fork";
var obj = {};
obj[x] = "three points" //{ fork: "three points" }

通常要通过 ng-click 发送对象，您会设置一个对象文字作为参数。

//in controller
$scope.val = "red";
//in view
<button ng-click="click( { item: val} )"></button> 
//output is { item: "red" }

但是，如果您希望将参数对象的键绑定到范围属性怎么办？

//in controller
$scope.key = 29845;
//in view
<button ng-click="click( { {{key}}: 456 } )"></button>
//should output { 29845: 456 }

尝试这样做会导致语法错误。但是，您可以在 ui.bootstrap typeahead 的 typeahead-on-select 方法中使用相同的语法并且它有效......我不知道为什么。

<input type="text"     
       typeahead="i for i in data"
       typeahead-on-select="select( { {{i}}: 'something' } )"
       class="typeahead" />

如何将范围属性绑定到对象键？

Answer 1

您可以尝试这样的操作：

<button ng-click="temp={};temp[key]=456;click(temp)"></button>

虽然它会在范围内添加临时变量。

Binding ng-click argument object keys to scope properties?