Question

我有这些数据：

Continent":"Asia",
"Countries":{
            "Japan":[
                {
                    "Id":"1",
                    "ColumnName":"Osaka",
                    "Type":"Label", } ] }

我想将id和type用作HTML标记属性值，如：

if label:

"<label> {{ColumnName}} </label>"

if textbox:

"<input type="text" value"Osaka">"

if dropdown:

"<select>
  <option value="Osaka">Osaka</option> </select>"

这可能吗？

感谢您分享的所有想法！：）

Answer 1

如果数据在控制器中定义为

$scope.data = {
    "Continent":"Asia",
    "Countries":{
        "Japan":[
            {
                "Id":"1",
                "ColumnName":"Osaka",
                "Type":"Label", 
            }]
        }
    }

然后你可以在你的html中访问这些：

<label>{{data.Countries.Japan[0].ColumnName}}</label>
<input type="text" ng-value"{{data.Countries.Japan[0].ColumnName}}">
<select>
    <option ng-value="{{data.Countries.Japan[0].ColumnName}}">{{data.Countries.Japan[0].ColumnName}}</option> 
</select>

Angular JS嵌套数组对象作为HTML值

1 个答案: