javascript - 引入了controller,为什么一直报错Uncaught Error: [$injector:nomod]

 夜的泪2502877077 发布于 2022-11-21 06:46

初衷是要实现一个三级联动
正常注入了controller,仍然报错

将controller.js 改为angular.module('ngShowcaseApp',[])
页面不显示数据



    
    
    
    Document
    


   

您选择的是:{{country.label}} -- {{province.label}} -- {{city.label}}

'use strict';

angular.module('ngShowcaseApp',[])
.controller('ctrl.select.cascade',function($scope, CityData) {
    var vm = $scope.vm = {};
    vm.countries = CityData;
    //更换国家时清空省
    $scope.$watch('vm.country',function(country) {
        vm.province = null;
    });
    //更换省的时候清空市
    $scope.$watch('vm.province', function(province) {
        vm.city = null;
    });
});
'use strict';

angular.module('ngShowcaseApp').constant('CityData', [
  {
    label: '中国',
    flag: 'cn.png',
    provinces: [
      {
        label: '北京',
        cities: [
          {
            label: '朝阳区'
          },
          {
            label: '宣武区'
          },
          {
            label: '海淀区'
          }
        ]
      },
      {
        label: '河北',
        cities: [
          {
            label: '石家庄'
          },
          {
            label: '承德'
          },
          {
            label: '唐山'
          }
        ]
      }
    ]
  },
  {
    label: '美国',
    flag: 'us.png',
    provinces: [
      {
        label: '纽约',
        cities: [
          {
            label: '曼哈顿区'
          },
          {
            label: '皇后区'
          }
        ]
      },
      {
        label: '德克萨斯州',
        cities: [
          {
            label: '休斯顿'
          },
          {
            label: '达拉斯'
          }
        ]
      },
      {
        label: '加利福尼亚州'
      }
    ]
  }
]);
2 个回答
  • 页面下拉列表的数据是从controller里面的vm塞进去的,三个列表最好通过三个变量控制:

    country
    province
    city
    

    当country变化的时候(通过$watch(country))设置province列表的数值,同理设置city列表

    DEMO


    另外,关于你提到的报错怀疑是不是javascrpt语法不对,

    angular.module('ngShowcaseApp',[])
    

    注意那个逗号。

    2022-11-21 09:27 回答
  • 没创建module?

    angular.module('ngShowcaseApp',[]). controller(...)

    2022-11-21 09:27 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有