Javascript ng对具有多个类型的输入模板重复

Javascript ng对具有多个类型的输入模板重复,javascript,html,angularjs,angular-ui-bootstrap,Javascript,Html,Angularjs,Angular Ui Bootstrap,我正在制作一个用户界面来添加和编辑数据库。我使用breeze来管理数据库,角度网格用于显示,ui引导模式对话框用于用户输入。当我在输入标签上设置type=“”时,我无法完成所有信息的输入。如果type=“text”,则会为我的主键抛出一个错误,这是一个数字。如果type=“number”,则不接受我的大多数其他输入。我相信我可以输入文本、数字和日期时间。在我的模板中有没有一种好的、直接的方法来实现多种类型?我打算放弃,只需输入密钥,然后让用户将其余的添加到表中 <div class="mo

我正在制作一个用户界面来添加和编辑数据库。我使用breeze来管理数据库,角度网格用于显示,ui引导模式对话框用于用户输入。当我在输入标签上设置type=“”时,我无法完成所有信息的输入。如果type=“text”,则会为我的主键抛出一个错误,这是一个数字。如果type=“number”,则不接受我的大多数其他输入。我相信我可以输入文本、数字和日期时间。在我的模板中有没有一种好的、直接的方法来实现多种类型?我打算放弃,只需输入密钥,然后让用户将其余的添加到表中

<div class="modal-body">
    <div ng-repeat="(key, value) in newRow">
        <label>{{key | uppercase}}</label>
        <input placeholder="Enter &quot;{{key}}&quot; value"
            class="form-control"
            type="number"
            ng-model="newRow[key]" />
     </div>
 </div>

{{键|大写}}

您可以使用ng类返回“文本”、“数字”等


{{键|大写}}
我不确定您是否有办法从所获取的数据中找出数据类型,因此我将checkDataType()作为填充。如果您确实有办法找到数据类型,您可以相应地将其设置为字符串。如果没有,则必须创建checkDataType()函数并编写一些js。如果您有问题或需要示例,请告诉我。祝你好运

<div class="modal-body">
    <div ng-repeat="(key, value) in newRow" ng-class="{text:checkDataType(), number:checkDataType()}">
        <label>{{key | uppercase}}</label>
        <input placeholder="Enter &quot;{{key}}&quot; value"
            class="form-control"
            type="number"
            ng-model="newRow[key]" />
     </div>
 </div>