如何在angularjs页面上获取其值的文本框?

时间:2015-10-26 09:13:00

标签: javascript angularjs

我有一个对象,它被推入范围变量...但是在显示时我需要一个带有名称的文本框......

代码是,

HTML

<li ng-repeat="textbox in textboxes track by $index">
    Label For Inputfield:
    <input type="text" id="in_{{$index}}" ng-model="$parent.textboxes[$index].Name"/>
   <button class="btn btn-sm btn-default" ng-click="deletetxtbox($index)">-</button>
</li>

JS

var values=[];

angular.forEach($scope.form.fields,function(f){
    if(f.type=="textbox"){
        values.push(f);
    }
});

angular.forEach(values,function(v){
    $scope.textboxes.push(v);
});

我想做的是,我有一个对象

$scope.form={
    Name:"sdfsdf",
    fields:{
        Name:"dfsd",
        type:"textbox",
        order:"1"
    }
};

现在文本框的值,即名称必须显示在我在HTML页面代码中给出的文本框内。

1 个答案:

答案 0 :(得分:0)

Icycool是对的。如果你想拥有几个字段,你应该使用一个包含你的字段对象的数组,并通过你的ng-repeat重复它。

顺便说一句,如果您想在文本输入中显示Name字段,请使用 valueplaceholder属性,具体取决于您希望如何显示“姓名”字段,例如<input value="{{ textbox.Name }}" /><input placeholder="{{ textbox.Name }}" />