Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/xamarin/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在我的例子中,如何将数据填充到html中?_Javascript_Html_Angularjs - Fatal编程技术网

Javascript 在我的例子中,如何将数据填充到html中?

Javascript 在我的例子中,如何将数据填充到html中?,javascript,html,angularjs,Javascript,Html,Angularjs,我试图使用Angular框架将数据填充到html页面中 我想向现有的accordion元素添加数据 <div ng-controller="Ctrl"> <accordion id='accordion' close-others="false"> <accordion-group is-open="false"> <accordion-heading > <h2>{{heading}}&

我试图使用Angular框架将数据填充到html页面中

我想向现有的accordion元素添加数据

<div ng-controller="Ctrl">
<accordion id='accordion' close-others="false">
    <accordion-group is-open="false">
        <accordion-heading >
            <h2>{{heading}}</h2>
        </accordion-heading>
            <div>
                <div>
                    {{data}}
                </div>
            </div>
    </accordion-group>
</accordion>

<accordion>
 ....more
</accordion>
multiple accordions here...

</div>

{{heading}}
{{data}}
更多
这里有多个手风琴。。。

我不知道如何添加更多的手风琴动态。有人能帮我吗?非常感谢

您可以使用很多技巧,例如使用ng show或ng hide,将所有手风琴都准备好写在页面上,或者使用一个包含各种手风琴的ng repaet,但要注意页面中的空间。 如果我理解了您的问题,您可以通过这种方式设置变量
var data={value:'something',show:'true'}
并将ng show参数绑定到数据显示,至少您可以使用show值执行数据数组,这是一种无限类型的解决方案。
用一把拨浪鼓或小提琴可能会更容易帮助你,但我希望我的回答能对你有所帮助。

这是使用AngularUI吗?如果没有,那肯定会有帮助。是的,这是角度UI。你想动态创建更多的手风琴吗?我将把它包装在一个指令中,使用您拥有的html作为模板,并设置作用域:{header:'=',data:'='}。然后,您可以创建任意数量的手风琴,只需创建自定义指令元素并提供数据即可。@ZackArgyle您能举个例子吗?谢谢