JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://puremvc.org/pages/demos/JS/Demo_JS_TodoMVC/js/libs/puremvc-1.0.1.min.js"></script>
<div id="navigation" data-ng-clock>
    <ul data-ng-controller="ProductIDsController">
        <li data-ng-repeat="productId in productIds">{{productId}}</li>
    </ul>
</div>

JavaScript

puremvc.define({
    name: "modules.search.view.components.Navigation",

    constructor: function () {
        var self = this;
        var navigation = angular.module("navigation", []);
        navigation.controller("ProductIDsController", function ($scope) {
            self.$scope = $scope;
            $scope.productIds = self.productIds;
        });
        angular.bootstrap(document.getElementById('navigation'), ['navigation']);
    }
}, {
    delegate: null,
    productIds: ["abc", "xyz", "test"],

    init: function (productIds) {
        var self = this;
        // http://stackoverflow.com/questions/25941124/angular-data-binding-with-passed-params/25941351#25941351
        self.productIds.length = 0;
        angular.forEach(productIds, function (entry) {
            self.productIds.push(entry);
        });
        self.$scope.$apply();
    }
}, {});

var nav = new modules.search.view.components.Navigation();
nav.init(['foo', 'bar']);