IE 11 Script1002 Array.Filter(x => ...) (Arrow functions)

ie 11 not support arrow functions

try

var selectedRoles = vm.roles.filter(function(x) { return x.id === role.id; });

IE not supported arrow function check browser compatibility here. If you want IE support then use the normal function instead.

var selectedRoles = vm.roles.filter(function(x) {
  return x.id === role.id
});

The arrow function is not supported yet in IE 11. You can refer to these compatibity table: https://kangax.github.io/compat-table/es6/ to get an overview what is suuported where and to what extent in a detailed fashion.

Use pollyfills or a PRE-ES6 compatible code, e.g.

var selectedRoles = vm.roles.filter(function(x) {
   return x.id === role.id
});