Question

我正在将Angular.js用于以下项目。使用模板文档，应用程序使用用户输入以空白填充样式呈现段落。因此，用户必须填写的字段，我们称之为空白。那些段落内的字段突出显示，以便用户知道它们可以与他们互动。它们可以是日期，电子邮件，文字或 电台选择。当他们被点击时，我想显示，旁边的段落，一个包含如何描述或说明的小面板填写该字段，然后填写表单元素。

我想为HTML模板使用可读格式，以便我可以混合使用空白的常规文本。我在考虑在div元素上使用属性指定元素和占位符的描述或默认选项。

以下是我的开始：

<div class="chapter" title="Colours"> 
    <div class="article" title="Blue">
        Blue is a special colour because it gives me particular emotions. First
        of all, I feel
        <a href="" 
            class="blank"
            ng-click="selectQuestion()"
            doc-question="How does blue make you feel?"
            doc-type="text"
            doc-placeholder="like there is a wind in my ear."
            doc-data="colour.blue.feeling"
            >[[colour.blue.feeling]]</a>.
        Second of all, blue reminds me of
        <a href="" 
            class="blank"
            ng-click="selectQuestion()"
            doc-question="Pick the thing blue reminds you of"
            doc-placeholder="the sky".
            doc-choices="the sky, the sea, the ocean"
            doc-type="radio"
            doc-data="colour.blue.memory"
            >[[colour.blue.memory]]</a>
        like the first time I experienced the colour which was on
        <a href="" 
            class="blank"
            ng-click="selectQuestion()"
            doc-question="Select a day"
            doc-placeholder="01/01/2015"
            doc-type="date"
            doc-data="colour.blue.date"
            >[[colour.blue.date]]</a>.

    </div>
</div>

然后会有一个隐藏的，自动生成的形式绑定使用类'blank'输入锚元素内数据的元素：

<form>
    <div>
        <h2>How does blue make you feel?</h2>
        <input type="text" ng-model="colour.blue.feeling">
    </div>
    <div>
        <h2>Select a day</h2>
        <input type="text" ng-model="colour.blue.date">
    </div>
    <div>
        <h2>Pick the thing blue reminds you off</h2>
        <input type="radio" ng-model="colour.blue.memory" name="colour.blue.memory" value="the sky"  >the sky<br>
        <input type="radio" ng-model="colour.blue.memory" name="colour.blue.memory" value="the sea"  checked>the sea<br>
        <input type="radio" ng-model="colour.blue.memory" name="colour.blue.memory" value="the ocean"> the ocean
    </div>
</form>

这个问题有名字吗？
我的方法合理吗？
如何以编程方式创建表单并将字段绑定到表单（当然，我不期待这里的代码，除非你能告诉我类似的事情。）
使用jQuery仅显示感兴趣的表单部分，我会隐藏表单中的所有div然后分离表单并重新附加到表单 div是Blank的父级。然后我会显示包含相关的div 通过使用distinct属性选择输入，调用jQuery的show（）它完成了。我如何使用Angular完成此任务？

非常感谢你的帮助。

在模板

0 个答案: