TypeError: i.match is not a function

Question

I have been working on a drupal angularjs module. I have installed bootstrap ui, which is working fine. But when I use modal box it does not work. The code inside the controller: ``` $scope.alertOnEventClick = function( event, allDay, jsEvent, view ){ $scope.alertMessage = (event.title + ' was clicked '); console.log($modal); var modalInstance = $modal.open({ //templateUrl: Drupal.settings.angularjsApp.basePath + '/ng_node/calender/popup', template: ""+ "", controller: ModalInstanceCtrl, scope: $scope }); function ModalInstanceCtrl($scope, $modalInstance) { console.log("controller class called") }; ``` I am still facing issues with bootstrap ui popup model.

Accepted Answer

I too faced this problem earlier. With further investigation I could understand that as per angular guidelines, the isolated scope can only have the attributes of the custom directives. It throws error if we try to create a new scope value which doesn't matches with any of the attribute.

```
myModule.directive('directiveName', function factory() {
  return {
    ...
    scope: {
      'attrName': '@', // OK
      'attrName2': '=localName', // OK
      'attrName3': '<?localName', // OK
      'attrName4': ' = name', // OK
      'attrName5': 'name',    // ERROR: missing mode @&=
      'attrName6': 'name=',   // ERROR: must be prefixed with @&=
      'attrName7': '=name?',  // ERROR: ? must come directly after the mode
    }
    ...
  }
});
```

TypeError: i.match is not a function

Solution

Problem