zoukankan      html  css  js  c++  java
  • 二级联动angularjs

    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {

    //json 数据
    $scope.payWayList = [
    {
    "amode":"按月",
    "gnum":[
    {
    "payTime":"购置月末",
    "price":"0"
    }
    ]
    },
    {
    "amode":"按年",
    "gnum":[
    {
    "payTime":"1年",
    "price":"10"
    }
    ]
    },
    {
    "amode":"按需",
    "gnum":[
    {
    "payTime":"1小时",
    "price":"0.00138889"
    }
    ]
    }
    ];

    $scope.gnumList = "";
    //父级绑定事件改变seelct2的值
    $scope.payWayCHange = function(select1){
    $scope.select2 = $scope.select1.gnum[0];
    };


    });

    <select ng-init="select1=payWayList[0]" ng-model="select1" ng-change="payWayCHange()" ng-options="item.amode for item in payWayList">
    </select>
    <select ng-init="select2=select1.gnum[0]" ng-model="select2" ng-options="data.payTime for data in select1.gnum">
    </select>

  • 相关阅读:
    uboot misc
    Android Q dynamic partition
    Android Verified Boot 2.0简要
    dts参考资料
    SWT问题分析总结
    lzma文件及命令简介
    C++之继承
    C++之常指针
    C++之对象成员指针
    C++之对象指针
  • 原文地址:https://www.cnblogs.com/Nigeria/p/8708993.html
Copyright © 2011-2022 走看看