angularJS管理其中一个输入值取决于另一个值

Question

我想管理需求，如果任何一个输入有任何值，其中第二个必须像angularJS中那样填充

请帮助我以有棱角的方式最好的方法！

这是我的代码

            <div class="form-group recipe_item" ng-repeat="recipe in pc.recipes">
            <div class="form-group">
                <label class="col-sm-4 control-label">Select Product</label>

                <div class="col-sm-8" ng-controller="ProductCtrl as pc">
                    <select class="form-control" ng-model="recipe.partId"
                            ng-options="item.id as item.name for item in pc.products"
                            >
                        <option value="">-- choose product --</option>
                    </select>
                </div>
            </div>

            <div class="form-group">
                <label id="lbl_qty" class="col-sm-4 control-label">Quantity</label>

                <div class="col-sm-8">
                    <input type="number" class="form-control" ng-model="recipe.qty" {{isValidNumber(recipe.partId)}}/>
                </div>
            </div>
        </div>

和我的控制器

$scope.isValidNumber = (number) =>
        return number > 0

Answer 1

你可以使用ng-required ...这就是你需要的......这里是PLUNKER例子......

我通过添加angularjs表单控制器来更新示例，这里有form controller文档以获取更多详细信息......