Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 基于上一选择在“选择”中显示/隐藏选项_Angularjs - Fatal编程技术网

Angularjs 基于上一选择在“选择”中显示/隐藏选项

Angularjs 基于上一选择在“选择”中显示/隐藏选项,angularjs,Angularjs,发货地址选择字段中列出了多个发货地址。UPS配送选项列在其下方的发货人选择字段中。还有另一种运输方式,本地货车运输。此选项仅适用于 如果用户在“Street1”字段中选择包含“2200 W Apple Ave”的地址,则显示 我已经阅读了AngularJS文档中的几个主题(ng selected、select、ng hide、ng show、select、ng value-ng选项),但不确定如何继续。我完全糊涂了。感谢您的帮助 发货地址选择 配送方式选择--> {{('Shipping'|

发货地址选择字段中列出了多个发货地址。UPS配送选项列在其下方的发货人选择字段中。还有另一种运输方式,本地货车运输。此选项仅适用于 如果用户在“Street1”字段中选择包含“2200 W Apple Ave”的地址,则显示

我已经阅读了AngularJS文档中的几个主题(ng selected、select、ng hide、ng show、select、ng value-ng选项),但不确定如何继续。我完全糊涂了。感谢您的帮助

发货地址选择 配送方式选择-->

{{('Shipping'| r)+'Method'| xlat}}
本地货车运送
UPS地面
UPS 3天选择
UPS第二天航空公司
UPS第二天航空上午
UPS次日空气节电器
UPS次日航空公司
UPS第二天早上早些时候播出。
<div ng-show="shipaddresses" ng-class="{'view-form-select': !currentOrder.ShipAddressID, '': currentOrder.ShipAddressID }">
    <label ng-class="{required: !currentOrder.IsMultipleShip()}"
        ng-show="currentOrder.ShipAddressID || !currentOrder.IsMultipleShip()">
        {{('Shipping' | r) + ' ' + ('Address' | r) | xlat}}
    </label>
     <select class="form-control" name="shippingAddress"
          ng-change="setShipAddressAtOrderLevel()"
          ng-options="address.ID as address.AddressName for address in shipaddresses"
          ng-model="currentOrder.ShipAddressID"
          ng-required="!currentOrder.IsMultipleShip()">
            <option value=""></option>
      </select>
</div>
 shipaddresses= [
{
"ID":"WHS",
"AddressName":"address1",
"Street1":"1940 W Elm",
"CompanyName":"warehouse"
},
{
"ID":"VAN",
"AddressName":"address2",
"Street1":"2200 W Apple Ave",
"CompanyName":"Main"
},
{
"ID":"CAB",
"AddressName":"address3",
"Street1":"2200 W Apple Ave",
"CompanyName":"CCO"
}
]
}
<div ng-show="user.ShipMethod != null && shippers"
     ng-class="{'view-form-select': !currentOrder.LineItems[0].ShipperName,
                '': currentOrder.LineItems[0].ShipperName }">
    <label ng-class="{required: !currentOrder.IsMultipleShip() && user.ShipMethod != null}"
            ng-show="currentOrder.LineItems[0].ShipperName || !currentOrder.IsMultipleShip() &&
            user.ShipMethod != null">{{('Shipping' | r) + ' Method' | xlat}}
    </label>
    <select class="form-control ng-pristine ng-valid"
            ng-change="updateShipper()" name="shipMethod"
            ng-model="currentOrder.LineItems[0].ShipperName"
            ng-show="user.ShipMethod.ShipperSelectionType ==  
              'UserDropDown'"
            ng-options="shipper.Name as (shipper.Name) for shipper in shippers"> 
        <!--="" --=""-->
        <option value="" class=""></option>
        <option value="0">LOCAL VAN DELIVERY</option>
        <option value="1">UPS Ground</option>
        <option value="2">UPS 3 Day Select</option>
        <option value="3">UPS 2nd Day Air</option>
        <option value="4">UPS 2nd Day Air AM</option>
        <option value="5">UPS Next Day Air Saver</option>
        <option value="6">UPS Next Day Air</option>
        <option value="7">UPS Next Day Air Early A.M.</option>
    </select>
</div>