用于复杂JSON结构的ng-model

时间:2016-03-03 07:30:34

标签: angularjs json

我的应用程序有一个侧面导航栏,可以根据ng-models从模板中的内容中提取信息。我无法弄清楚我的ng-model应该用于什么“含义”。 foll是我的JSON:

{
    "expression": "mithrandir",
    "meaning": [
    {
    "m": "language of the elves",
    "e": ""
    }
    ],
    "example": ["mithrandir is cool"],
    "pronunciation": "",
    "notes": "",
    "meta": {
    "book": "There and back again",
    "author": "Frodo Baggins",
    "tags": ["middle earth", "elves"]}
    },

我正在迭代'含义'数组。数据直接来自JSON文件。

<ul> 
<li ng-repeat="matlab in classified.meaning">{{ matlab.m }}: {{ matlab.e }}</li>
</ul>

但是,“含义”并没有流入侧面导航。

下面是代码和演绎:

<md-input-container>
                    <label for="meaning">Meaning</label>
                    <textarea type="text" id="meaning" ng-model="classified.meaning.matlab.m" ng-list></textarea>
</md-input-container>

Side navigation

我知道我正在使用ng-model来反对'含义'错误?我非常感谢您提供的帮助。感谢

1 个答案:

答案 0 :(得分:1)

<ul> 
<li ng-repeat="matlab in classified.meaning">{{ matlab.m }}: {{ matlab.e }}    </li>
</ul>

该代码可以正常工作,因为您正在遍历数组。你可以调用每个元素&#39; matlab&#39;或者&#39; foo&#39;或者其他什么

以下代码不会,因为没有&#39; matlab&#39; classified.meaning中的对象,它一直是一个数组

<textarea type="text" id="meaning" ng-model="classified.meaning.matlab.m" ng-list></textarea>