javascript - 将 JQuery 插件转换为 AngularJS 指令？

Question

我是 AngualrJS 世界的新手，在解释了如何将 JQuery Slider 插件转换为自定义指令以便它在 AngualJS 中运行

目前 jquery 在 id 'camera-wrap' 上触发

<div id="camera_wrap" >
    .......image content etc.....
</div>

然后是函数

 <script type="text/javascript">
 function startCamera() 
  { $('#camera_wrap').camera(
  { fx:'random', time: 2000, loader: 'none', playPause: false, height: '65%',
    pagination: true });   } $(function () { startCamera() });
 </script>

非常感谢任何帮助!

谢谢标记

Answer 1

我可能只是将它包装在一个指令中:

<div id="camera_wrap" camera-plugin>

和指令

app.directive("cameraPlugin", [function() {
    return {
        restrict: "A",
        link: function(scope, elem, attrs) {
            $(elem).camera({ 
                fx:'random', 
                time: 2000, 
                loader: 'none', 
                playPause: false, 
                height: '65%',
                pagination: true 
            });

            startCamera(); //wherever this is defined?
        }
    }
}]);