javascript - Angularjs - 基于 json 输入加载元素

Question

我有一种情况，我收到一个 json 对象，在 json 数据中有一个看起来像这样的部分

{
  "elName": "elCst3",
  "label": "Label 3",
  "type": "input",
  "content": "some text",
}

这是分配给 $scope.data

对象中的type表达式可以是input或textarea

在我的 html 模板中，根据 TYPE 的值，我应该加载文本字段(输入/文本)或文本区域元素。

它的伪逻辑是这样的..

IF {{data.type}} == "input" then

    <input id="data.elName" type="text" value="{{data.content}}">

ELSE IF {{data.type}} == "textarea" then

    <textarea id="data.elName">{{data.content}}</textarea>
ENDIF

我怎样才能在 Angularjs 中以最好和最简单的方式处理这个问题？

谢谢!

Answer 1

我会在你的情况下使用 ng-if。像这样的东西:

HTML

<label ng-repeat="val in list">
    <div ng-if="val.type == 'input'">
        <input id="data.elName" type="text" value="{{val.content}}"></input>
    </div>
    <div ng-if="val.type == 'textarea'">
        <textarea id="data.elName">{{val.content}}</textarea>
    </div>
</label>

JS

 $scope.list = [{
        "elName": "elCst3",
            "label": "Label 3",
            "type": "input",
            "content": "some text for input"
    }, {
        "elName": "elCst4",
            "label": "Label 3",
            "type": "textarea",
            "content": "some text for textarea"
    }];

演示 Fiddle