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

Angular JS中的Stellar JS指令

1 个答案: