保持元素处于禁用状态，直到未在 Angularjs 中选择下拉列表

Keep an element disabled until dropdown is not selected in Angularjs

本文关键字：Angularjs 下拉列表 选择 元素 于禁用 状态      更新时间：2023-09-26

我正在尝试做一个小应用程序，我对此完全陌生。

这是我的代码的样子。

<select id="servicename" ng-model="ServicePackages" ng-options="servicename for (servicename, ServicePackages) in ServiceType"><option value=''>Select</option></select>
            <select ng-model="price" ng-disabled="!ServicePackages" ng-options="servicepack for (servicepack, price) in ServicePackages"><option value="">Select</option></select>
            <h1 ng-disabled="!ServicePackages || !price">{{price + 1}}</h1>

我不希望 H1 标签显示，直到没有选择第二个下拉列表。

而且我无法绑定数据 

<form> 
            <select id="servicename" ng-model="ServicePackages" ng-options="servicename for (servicename, ServicePackages) in ServiceType"><option value=''>Select</option></select>
            <select ng-model="price" ng-disabled="!ServicePackages" ng-options="servicepack for (servicepack, price) in ServicePackages"><option value="">Select</option></select>
            <input type="text" ng-model="numberOfpages" />
            <h1 ng-disabled="!ServicePackages || !price">{{(price + numberOfpages)}}</h1>
        </form>

在这里，它也只是继续添加，但不执行总和。

提前谢谢你

ng-disabled不适用于

<h1>标签，因为它不是任何类型的用户输入。尝试使用 ng-if 或 ng-show（或 ng-hide ）。

<h1 ng-hide="!ServicePackages || !price">{{price + 1}}</h1>
至于添加，

您必须确保添加 2 个数字，而不是字符串。

相关文章：