针对如何在Vue.js中使用默认值设置动态创建的输入字段和数组这两个问题，本篇文章进行了详细的解答，同时本文还将给你拓展android–cant设置动态创建的搜索栏的最小宽度、angular–为动态创
针对如何在 Vue.js 中使用默认值设置动态创建的输入字段和数组这两个问题，本篇文章进行了详细的解答，同时本文还将给你拓展android – cant设置动态创建的搜索栏的最小宽度、angular – 为动态创建的输入添加/删除反应式表单验证器、angular.js，无法编辑动态创建的输入字段、Angular2获取动态创建的输入的值等相关知识，希望可以帮助到你。
本文目录一览：- 如何在 Vue.js 中使用默认值设置动态创建的输入字段（数组）（vue.js自定义指令）
- android – cant设置动态创建的搜索栏的最小宽度
- angular – 为动态创建的输入添加/删除反应式表单验证器
- angular.js，无法编辑动态创建的输入字段
- Angular2获取动态创建的输入的值
如何在 Vue.js 中使用默认值设置动态创建的输入字段（数组）（vue.js自定义指令）
你需要这样的东西：
axios.post('/products/get-all-products')
.then(res => {
res.data.products.forEach(prod => {
this.products.push({
"productId": prod.productId,"productName" : prod.productName,"qty" : 0,})
})
})
使用上面的代码，您将使用新字段 qty 映射响应中的数据。
我想这就是您所需要的。
android – cant设置动态创建的搜索栏的最小宽度
这是我用来生成视图对象的代码：
// creates the seekBar
sBGauge = new SeekBar(this);
sBGauge.setMax(depthL - 1);
sBGauge.setMinimumWidth(150);
sBGauge.setId(2000 + i);
sBGauge.setonSeekBarchangelistener(this);
不管我设置sBGauge.setMinimumWidth();总是看起来只有大约20宽.
有什么想法吗？
谢谢
编辑：提供更多信息我在tablerow中的两个textView之间使用此搜索栏.
撞
解决方法:
试试这个
LayoutParams lp = new LayoutParams(150, 150);
sBGauge.setLayoutParams(lp);
您可以根据需要更改值150和150.
angular – 为动态创建的输入添加/删除反应式表单验证器
在html模板中,我可以以formControlName =“control {{index}}”的形式添加formControlName,以确保每个新输入都有一个formcontrol.
但是,如何为这些输入动态添加和删除验证器？
对于添加/删除控件,您可以使用这些方法
addControl/removeControl
对于值和验证器,您可以像这样使用
this.form.controls['test_control'].setValidators([Validators.required]) this.form.controls['test_control'].updateValueAndValidity()
angular.js，无法编辑动态创建的输入字段
使用angular.js，我有一个要显示给用户进行编辑（然后提交）的表单域的动态列表：
var app = angular.module('app',[]);
app.controller('Ctrl',function($scope) {
$scope.fields = {
foo: "foo",bar: "bar",baz: "baz"
};
});
和HTML：
<div ng-app="app" ng-controller="Ctrl">
<table>
<th>key</th>
<th>value</th>
<th>fields[key]</th>
<tr ng-repeat="(key,value) in fields">
<td>{{key}}:</td>
<td><input type="text" ng-model="value"/></td>
<td><input type="text" ng-model="fields[key]"/></td>
</tr>
</table>
</div>
看到这个小提琴。由于我不明白的原因，文本输入框不可编辑。如上所述，我尝试了两种不同的方法：value和fields[key]。value是完全不可编辑的，fields[key]将允许
一次 击键，然后变得模糊。我究竟做错了什么？谢谢。
Angular2获取动态创建的输入的值
<div *ngFor="let cell of column; let i = index;">
<!-- Material design input-->
<md-input type="{{cell.type}}"
value="{{getInputValue(cell)}}"
[placeholder]="cell.label">
</md-input>
</div>
获取所有生成输入的值的angular2方法是什么？
解决方法
<form #myForm="ngForm">
<div *ngFor="let cell of column; let i = index;">
<md-input [type]="cell.type"
[name]="cell.name" <!-- Note the 'name' has to be set -->
[ngModel]="cell.value"
[placeholder]="cell.label"></md-input>
</div>
<a (click)="getAllValues(myForm)">print values</a>
</form>
然后,您将可以访问getAllValues()函数中的myForm.form.value对象.
Plnkr：https://plnkr.co/edit/84mzcNJliMmvszPq3xMm?p=preview
我们今天的关于如何在 Vue.js 中使用默认值设置动态创建的输入字段和数组的分享就到这里，谢谢您的阅读，如果想了解更多关于android – cant设置动态创建的搜索栏的最小宽度、angular – 为动态创建的输入添加/删除反应式表单验证器、angular.js，无法编辑动态创建的输入字段、Angular2获取动态创建的输入的值的相关信息，可以在本站进行搜索。
本文标签：
