angular-post-message
Advanced tools
Allow angularJS to listen and publish cross-document messages though window.postMessage API.
Allow angularJS to listen and publish cross-document messages though window.postMessage API.
Cross-document messaging is compatible with the following browsers as seen on Can I Use:
Partial support in IE8-9 refers to only working in frames/iframes (not other tabs/windows). Also in IE 9 and below an object cannot be sent using postMessage. Partial support in IE10 refers to limitations in certain conditions
Tested on AngularJS versions 1.2, 1.3 and 1.4 in Chrome, Firefox, Opera, and IE9+.
IE8 is not officially supported by AngularJS
The repository comes with the modules pre-built and compressed into the dist/ directory.
Install the component via bower
bower install angular-post-message
Or alternatively checkout this repo into your project.
Then include dist/angular-post-message.min.js into your project.
This is a simple example which uses postMessage to deliver messages between two origins. There is a gist which will deliver a message every second
<html>
<head>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-post-message/angular-post-message.js"></script>
</head>
<body>
<iframe src="https://rawgit.com/kylewelsby/585b3a5395c6731acc50/raw/f661e856adbccf39549ed7c550661f09158f8d55/index.html"></iframe>
<br>
<button ng-click="sendMessage();">Send response</button>
<br>
<ol>
<li ng-repeat="message in messages">{{message}}</li>
</ol>
</body>
</html>
var app = angular.module('app',['ngPostMessage']);
app.controller('MainCtrl', function($scope) {
$scope.messages = [];
$scope.$root.$on('$messageIncoming', function (event, data){
$scope.messages.push(angular.fromJson(data));
});
$scope.sendMessage = function (){
$scope.$emit(
'$messageOutgoing',
angular.toJson({"response":"hi"})
);
};
});
You do not need to build the project to use it, but if you are working on it then this is what you need to know.
To run all the tests
npm test
To run tests while developing (limited to latest Angular version on Google Chrome)
karma start
or run tests once
./scripts/ci
FAQs
Allow angularJS to listen and publish cross-document messages though window.postMessage API.
The npm package angular-post-message receives a total of 192 weekly downloads. As such, angular-post-message popularity was classified as not popular.
We found that angular-post-message demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Browserslist-rs now uses static data to reduce binary size by over 1MB, improving memory use and performance for Rust-based frontend tools.
Research
Security News
Eight new malicious Firefox extensions impersonate games, steal OAuth tokens, hijack sessions, and exploit browser permissions to spy on users.
Security News
The official Go SDK for the Model Context Protocol is in development, with a stable, production-ready release expected by August 2025.