HTML使用Angular JS加载银行信息遍历成Radio

页面导航:首页 > 网络编程 > JavaScript > HTML使用Angular JS加载银行信息遍历成Radio

HTML使用Angular JS加载银行信息遍历成Radio

来源: 作者: 时间:2016-02-03 09:20 【

1 工程结构2 bankInfo json[ { code: BOC, name: 中国银行 }, { code: ICBC, name: 中国工商银行 }, { code: CCB, name: 中国建

1.工程结构

\

2.bankInfo.json

[
  {
    code: BOC,
    name: 中国银行
  },
  {
    code: ICBC,
    name: 中国工商银行
  },
  {
    code: CCB,
    name: 中国建设银行
  },
  {
    code: ABC,
    name: 中国农业银行
  },
  {
    code: CMBC,
    name: 中国民生银行
  },
  {
    code: CMB,
    name: 招商银行
  },
  {
    code: CIB,
    name: 兴业银行
  },
  {
    code: BCM,
    name: 交通银行
  },
  {
    code: CEB,
    name: 中国光大银行
  },
  {
    code: GDB,
    name: 广东发展银行
  }
]

3.app.js

/**
 * Created by  on 2015/1/23.
 */
angular.module(bank,[])
    .controller(bankController,function($scope,$http){
        $http.get(../data/bankInfo.json)
            .then(function(response){
                $scope.banks=response.data;
            })

    })

4.index.




<script src=../js/angular.min.js></script><script src=../js/app.js></script>
{{bank.code}}-{{bank.name}}

5.测试效果

\


Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<