jquery - Angular JS 中的 Stellar JS 指令

Question

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

这是我坚持的：

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

并像这样使用它：

<div stellar></div>

我究竟做错了什么？

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

Answer 1

我不知道 stellar 但我知道你有一个 AngularJS 插件可以将它与指令一起使用:)： https ://github.com/Pleasurazy/angularjs-stellar

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

希望能帮助到你

无论如何试试这个：

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

您必须在 AngularJS 指令中返回一个实现“链接”或“编译”功能的对象。有关更多信息，请阅读文档：http ://docs.angularjs.org/guide/directive