The error message I am getting is:
Syntax Error: Token '.' is unexpected, expecting [}] at column 23 of the expression [] starting at [{4}].
The offending html that is causing the issue.
<tr ng-repeat="record in key_table">
<td ng-repeat="data in record">
{[{ data }]}
</td>
<td>
<button type="button" class="btn btn-default" ng-click="$ctrl.open({[{ record.KeyNum }]})">Open me!</button>
</td>
<td>
<button>Edit</button> <button>Delete</button>
</td>
</tr>
The open function in angularjs:
angular.module('KeyManager').controller("KeyController", function( httpFactory, $uibModal) {
$ctrl = this;
$ctrl.open = function () {
var modalInstance = $uibModal.open({
animation: true,
ariaLabelledBy: 'modal-title',
ariaDescribedBy: 'modal-body',
templateUrl: 'RecordViewer.html',
controller: 'RecordViewerInstanceCtrl',
controllerAs: '$ctrl',
size: "lg",
resolve: {
items: function (keyNum) {
httpFactory.getRecord(keyNum).then(
function(response) {
$ctrl.items = response.data[0];
},
function(response) {
console.log(response);
$ctrl.items = [];
}
);
return $ctrl.items;
}
}
});
});
Also, note that I am doing this in a twig file so start and and end symbols have been changed to "{[{" and "}]}" respectively.
Added Information:
I have tried switching the ng-click directive to
"$ctrl.open(record.KeyNum)"
but this only prints out the literal string record.KeyNum which is explain here so @smarx comment is the answer.