Question

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

这是我的代码的样子。

<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>

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

提前谢谢

Answer 1

ng-disabled不适用于<h1>代码，因为它不是任何类型的用户输入。请尝试使用ng-if或ng-show（或ng-hide）。

<h1 ng-hide="!ServicePackages || !price">{{price + 1}}</h1>

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

保持元素禁用，直到Angularjs中未选择下拉列表

1 个答案: