Javascript 在AngularJs的同一控制器中使用ng简介选项构建多个巡演？

我想使用

Intro.js

脚本动态地将信息添加到对

DOM

可见的div中，从而构建多个信息漫游。这意味着我应该从$scope.Options中删除由元素值标识的对

DOM

不可见的所有步骤元素

  $scope.Options = {
                steps:[

                    {
                        element: '#editableField',
                        intro: "test1",
                        position: 'left'
                    },
                    {
                        element: '#rowType',
                        intro: "test2",
                        position: 'right'
                    },

                ],
                showStepNumbers: false,
                exitOnOverlayClick: true,
                exitOnEsc:true,
                keyboardNavigation: true,
                showProgress: false,
                nextLabel: '<strong>Altro!</strong>',
                prevLabel: 'Precedente',
                skipLabel: 'Esci',
                doneLabel: 'Fatto'
            };

     function LoadIntroOptions()
        {  
          var options = $scope.Options;
          //here i want to remove all object from steps array in Options that are not visible to 'DOM' identified by element key.

       return options; //return needed options
        }

//Add needed Options to final object
$scope.IntroOptions=LoadIntroOptions();




Index.html



  <div ng-intro-options="IntroOptions" ng-intro-method="CallMe">
     <div id="editableField" ng-show="true"></div>
     <div id="rowType" ng-show="false"></div>
    </div>

$scope.Options={
步骤：[
{
元素：“#editableField”，
简介：“test1”，
位置：'左'
},
{
元素：“#行类型”，
简介：“test2”，
位置：'右'
},
],
showstepNumber:false，
ExitonOverlyClick：对，
是的，
键盘导航：正确，
showProgress:false，
下一个标签：“Altro！”，
prevLabel:“Prevente”，
斯基普拉贝尔：“Esci”，
多尼拉贝尔：“法托”
};
函数LoadIntroOptions（）
{  
var options=$scope.options；
//在这里，我想从元素键标识的“DOM”不可见的选项中的步骤数组中删除所有对象。
返回选项；//返回所需的选项
}
//将所需选项添加到最终对象
$scope.IntroOptions=LoadIntroOptions（）；
Index.html