如何将 riot.js 与 Angular 集成 9
how to integrated riot.js with Angular 9
我正在使用 Angular 框架开发一个项目,我需要集成另一个用 Riot.js 编写的项目。这对我来说真的很难。希望得到大家的帮助。非常感谢!
最简单的解决方案是使用 Iframe,否则您可以使用 angular 项目作为 angular 元素和 monorepos
看看 https://github.com/lucasbrigida/angular-riot,它允许您在 Angular 应用程序中进行 riot 渲染,如下所示:
angular.module('moduleName', ['angular-riot'])
.controller('ctrlName', ['$scope', $document, 'riot', function ($scope, $document, riot) {
$document.ready(function () {
riot.mount('todo', {
title: 'I want to behave!',
items: [
{ title: 'Avoid excessive coffeine', done: true },
{ title: 'Hidden item', hidden: true },
{ title: 'Be less provocative' },
{ title: 'Be nice to people' }
]
});
});
}]);
我正在使用 Angular 框架开发一个项目,我需要集成另一个用 Riot.js 编写的项目。这对我来说真的很难。希望得到大家的帮助。非常感谢!
最简单的解决方案是使用 Iframe,否则您可以使用 angular 项目作为 angular 元素和 monorepos
看看 https://github.com/lucasbrigida/angular-riot,它允许您在 Angular 应用程序中进行 riot 渲染,如下所示:
angular.module('moduleName', ['angular-riot'])
.controller('ctrlName', ['$scope', $document, 'riot', function ($scope, $document, riot) {
$document.ready(function () {
riot.mount('todo', {
title: 'I want to behave!',
items: [
{ title: 'Avoid excessive coffeine', done: true },
{ title: 'Hidden item', hidden: true },
{ title: 'Be less provocative' },
{ title: 'Be nice to people' }
]
});
});
}]);