Angular JS中的恒星JS指令

Question

我正在尝试创建一个指令来在我的Angular JS应用程序中运行Stellar JS插件。

这是我所追求的：

app.directive('stellar', function() {
    return function (scope, element, attrs) {
        element.stellar({
            parallaxBackgrounds: true
        })
    }
});

并像这样使用它：

<div stellar></div>

我做错了什么？

我在控制台中没有收到错误...

Answer 1

我不知道恒星，但我知道你有一个 AngularJS 插件来使用它与指令:)：https://github.com/Pleasurazy/angularjs-stellar

我认为你应该使用它，使用现有的库或插件总是更好。

希望对你有帮助

无论如何试试这个：

app.directive('stellar', function() {
    return {
        link: function (scope, element, attrs) {
            element.stellar({
                parallaxBackgrounds: true
            })
        }
     }
});

你必须返回一个在 AngularJS 指令中实现"link"或"compil"函数的对象。有关更多信息，请阅读文档：http://docs.angularjs.org/guide/directive