angularjs ng-repeat按字母顺序排列

时间:2014-11-25 10:29:15

标签: asp.net-mvc json angularjs asp.net-web-api

有没有办法避免ng-repeat指令的字母顺序?我的意思是,我要求从MVC Web Api格式化为Json的字典。看起来这样:

{
"FormaTablero":{"Id":"FormaTablero","Descripcion":"Forma tablero","Tipo":1,"Tipo_visualizacion":2,"Visible":true,"Valor":"Cuadrado","Disabled":false,"Obligatorio":true,"Dominio":["Cuadrado","Redondo","Rectangular"]},
"AnchoTablero":{"Id":"AnchoTablero","Descripcion":"Ancho tablero","Tipo":1,"Tipo_visualizacion":1,"Visible":true,"Valor":"170","Disabled":false,"Obligatorio":true,"Dominio":null},
"LargoTablero":{"Id":"LargoTablero","Descripcion":"Largo tablero","Tipo":1,"Tipo_visualizacion":1,"Visible":false,"Valor":"","Disabled":false,"Obligatorio":false,"Dominio":null},
"DiametroTablero":{"Id":"DiametroTablero","Descripcion":"Diametro tablero","Tipo":1,"Tipo_visualizacion":1,"Visible":false,"Valor":"","Disabled":false,"Obligatorio":false,"Dominio":null},
"CantidadPatas":{"Id":"CantidadPatas","Descripcion":"Cantidad patas","Tipo":1,"Tipo_visualizacion":2,"Visible":true,"Valor":"4","Disabled":true,"Obligatorio":true,"Dominio":["4"]},
"LargoPatas":{"Id":"LargoPatas","Descripcion":"Largo patas","Tipo":1,"Tipo_visualizacion":1,"Visible":true,"Valor":"120","Disabled":false,"Obligatorio":true,"Dominio":null},
"Ruedas":{"Id":"Ruedas","Descripcion":"Ruedas","Tipo":1,"Tipo_visualizacion":2,"Visible":false,"Valor":"","Disabled":false,"Obligatorio":false,"Dominio":["Sí","No"]},
"Frenos":{"Id":"Frenos","Descripcion":"Frenos","Tipo":1,"Tipo_visualizacion":2,"Visible":false,"Valor":"","Disabled":false,"Obligatorio":false,"Dominio":["Sí","No"]}
}

在请求复杂对象(Dictionary)后,我以这种方式在html中将其可视化:

<div class="control-group" ng-repeat="valor in controlET.varTE" ng-show="valor.Visible">
    <label class="control-label">{{valor.Descripcion}}</label>
    <input ng-show="valor.Tipo_visualizacion == 1" type="text" class="input" ng-disabled="valor.Disabled" ng-model="valor.Valor" ng-enter="controlET.funciones.onChangeTE()">
    </input>
    <select ng-show="valor.Tipo_visualizacion == 2"  name="v" ng-model="valor.Valor" ng-disabled="valor.Disabled" ng-options="v for v in valor.Dominio" ng-change="controlET.funciones.onChangeTE()">
    </select>
</div>

此代码段以这种方式显示数据:

enter image description here

所以它按字母顺序显示,对应用程序的目标没有意义。有关如何解决它的任何想法?

提前感谢。

0 个答案:

没有答案