Как использовать React-time-ago?

Всем Доброго времени суток!
Вот столкнулся с проблемой: Использую React в Angular приложении через ngReact. И вот нужно использовать следующий компонент React Time Ago Component. Но не могу с ним ничего сделать... Bower версии у него нет... Может кто что посоветует?
  • Вопрос задан
  • 358 просмотров
Пригласить эксперта
Ответы на вопрос 2
Fesor
@Fesor
Full-stack developer (Symfony, Angular)
bower install '{git-url}#{git-commit-sha}'
Ответ написан
daruwanov
@daruwanov Автор вопроса
Вот Мой пример компоненты... Может кому-то будет полезным.
moment - подключен на страницу и доступен в области видимости.
props. date = передается строка в формате дата iso8601
обновление по умолчанию происходит раз в 30 секунд
.factory('TimeAgo', [function () {
            return React.createClass({
                propTypes: {
                    date: React.PropTypes.string,
                    refreshMillis: React.PropTypes.number
                },
                getDefaultProps: function () {
                    return {
                        date: moment().format(),
                        refreshMillis: 30000
                    }
                },
                componentWillMount: function () {
                    this.intervals = [];
                },
                setInterval: function (fn, ms) {
                    this.intervals.push(setInterval(fn, ms));
                },
                componentWillUnmount: function () {
                    this.intervals.forEach(clearInterval);
                },
                componentDidMount: function () {
                    var interval = this.props.refreshMillis;
                    this.setInterval(this.forceUpdate.bind(this), interval);
                },
                render: function () {
                    return (<span>{moment(this.props.date).fromNow()}</span>);
                }
            });
        }])
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы