onclick-on-hyperlink应该使用angularjs水平添加一个div

我的html：

<div id="contentDiv"> 
    <div id="headerDiv" ><div id="titleDiv"> Queries</div></div>
    <div id="valuesDiv" ><div id="yearDiv"> 2015</div></div>
    <div id="graphDiv" ><div id="chartDiv">graph</div></div>
</div>

询问
2015
图表

像这个div，我有另一个div，但是div中的内容不同

当我使用angularjs点击超链接时，如何水平添加一个新的div

---

我该怎么做？请帮我解决这个问题。

看起来您需要的是与的双向绑定。因此，您可以将新div绑定到范围中的一个变量，该变量最初处于空或未定义状态（例如，有更好的方法）。单击超链接时，它将调用由ng click指令指定的函数，该指令将填充绑定对象，从而导致呈现新的div

编辑： 根据你的评论，这里有一个简单的例子

HTML页面：

<div id="newDiv" ng-repeat="item in items">
 <!-- Div content -->
 <!-- example -->
 <input type="text" ng-model="item.name">
 </div>

 <input type="button" ng-click="addItem()">

这里发生的是每个div的数据存储在一个对象数组中。ng repeat指令将为数组中的每个对象重复div。然后可以使用对象填充div中的元素。添加一个新div就像向数组中添加一个新项一样简单，angular将为您处理其余的事情。请注意，我还没有测试这个示例，但希望它足以为您指出正确的方向

水平重新对齐div，这将通过CSS完成，使用内联块显示模式。因此，您可以给div一个类，例如“horizontalDiv”，并将以下类添加到CSS文件中：

.horizontalDiv {
 display: inline-block;
}

---

当你得到一个像这样的角度环境时，你可以编辑代码吗？我还有两个div。第一次点击添加按钮时，应该显示第一个div，第二次点击添加按钮时，应该显示第二个div，依此类推。我怎么做？好的，所有div都一样，只是用不同的数据？或者每个div都不同？所有div都相同，但每个div都有不同的数据，我应该将所有div水平对齐。确定。等待您的答复

.horizontalDiv {
 display: inline-block;
}