CODEWITHSUNDEEP
javascriptangularjsdropdown
Prasad Shigwan
Prasad Shigwan

Reputation: 552

ng-click not working in IE on option select angularjs

I'm using following HTML code HTML:

<select style="width: 100%" name="multipleSelect" id="multipleSelect" ng-model="data.multipleSelect" multiple>
    <option ng-click="BRPTab.AddFilesToOpenorDelete(fileName)" ng-repeat="fileName in BRPTab.FileNames">{{fileName}}</option>
</select>

Here BRPTab is an Alias.

Script code:

scope.AddFilesToOpenorDelete = function (FileName) {
        scope.SelectedFiles = [];
        var request = { FileName: FileName };
        scope.SelectedFiles.push(request);
}

This is working fine in Chrome but not in IE. Please suggest.

Upvotes: 3

Views: 837

Answers (1)

Pankaj Parkar
Pankaj Parkar

Reputation: 136144

ng-click on options tag would not work. Do use ng-options directive then, that would make you code more cleaner.

<select style="width: 100%" name="multipleSelect" id="multipleSelect" 
  ng-model="data.multipleSelect" multiple 
  ng-options="fileName in BRPTab.FileNames"
  ng-change="BRPTab.AddFilesToOpenorDelete(data.multipleSelect)">
</select>

Upvotes: 2

Related Questions